/**************************************
* VLOOK CSS 字体主题
***************************************/
/**************************************
* VLOOK CSS 调色板
***************************************/
/**************************************
* 颜色主题
***************************************/
/**************************************
* VLOOK CSS 基础库
**************************************/
/**************************************
 自定义 UI 元素层叠次序

---------- 云顶 UI 区 ----------

欢迎屏 / .mdx-welcome-screen / z-index: 4000;
聚光灯 / .mdx-spotlight / z-index: 4000;
底部信息栏 / .mdx-bottom-tips / z-index: 4000;

---------- 高优先信息 UI 区 -----

工具栏提示、弹窗提示 / .mdx-tool-tips, .mdx-info-tips / z-index: 3000;

---------- 二级 UI 区 ----------

插图导航 / .mdx-figure-nav / z-index: 2200;
脚注面板 / .mdx-footer-note-panel / z-index: 2100;
大纲面板 / .mdx-toc-panel / z-index: 2000;
    大纲面板头部 / .mdx-toc-panel-header / z-index: 10;
    大纲面板脚部 / .mdx-toc-panel-footer / z-index: 10;

---------- UI 间隔区 ----------

遮罩 / .mdx-mask / z-index: 1000;
mermaid 工具提示 / div.mermaidTooltip / z-index: 100;
？？ / .CodeMirror div.CodeMirror-cursor / z-index: 3;

---------- 增强工具操作区 ----------

文档更多内容遮挡栏 / .mdx-more-doc-content / z-index: 101;
工具栏 / .mdx-toolbar / z-index: 100;
逐章导航面板 / .mdx-chapter-nav / z-index: 100;

---------- 文档内容交互区 ----------

在新标签中打开按钮 / .mdx-btn-open-in-new-tab / z-index: 50;
复制代码块按钮 / .mdx-btn-copy-code-block / z-index: 50;
内容展开操作区 / .mdx-content-expander / z-index: 10;

**************************************/
:root {
  --vlook-theme-name: "vlook-geek";
  --vlook-theme-version: "V9.31-dev5";
  --vlook-default-font-style: sans;
  --vlook-color-scheme: "light";
  --vlook-toc-box-width: 350px;
  --vlook-toc-box-hidden-left: -370px;
  --vlook-base-radius: 12px;
  --vlook-small-radius: 6px;
  --vlook-table-radius: 10px;
  --vlook-invert-dark-light: invert(0) brightness(100%);
  --vlook-brightness-dark-light: brightness(100%);
  --doc-bg-color-light: #FFFFFF;
  --doc-bg-color-alt-light: #e6e6e6;
  --doc-bg-color-transparent-light: rgba(255, 255, 255, 0);
  --doc-bg-color-alt-transparent-light: rgba(230, 230, 230, 0);
  --fore-color-light: #181A1E;
  --fore-color-alt-light: #737c8f;
  --blockquote-color-light: rgba(24, 26, 30, 0.2);
  --blockquote-bg-light: rgba(24, 26, 30, 0.08);
  --tips-bg-color-light: #E0E4E8;
  --tips-bg-color-inset-light: #181A1E;
  --shadow-color-light: rgba(0, 0, 0, 0.1);
  --a-color-light: #181A1E;
  --mark-color-light: rgba(255, 192, 32, 0.35);
  --table-color-light: #B0B4B8;
  --table-border-color-light: rgba(176, 180, 184, 0.8);
  --table-th-bg-color-light: rgba(176, 180, 184, 0.4);
  --table-th-border-color-light: rgba(176, 180, 184, 0.8);
  --table-rowfolding-alpha-light: 0.15;
  --del-color-light: #737c8f;
  --toc-header-num-color-light: rgba(24, 26, 30, 0.5);
  --header-color-light: #D98982;
  --header-box-shadow-light: rgba(217, 137, 130, 0.2);
  --header-bg-start-color-light: rgba(217, 137, 130, 0);
  --header-bg-end-color-light: rgba(217, 137, 130, 0.1);
  --code-bg-color-light: #f7e5e4;
  --code-name-bg-color-light: #181A1E;
  --code-name-shadow-color-light: #181A1E;
  --accent-color-red-light: #CE2743;
  --accent-color-red-alt-light: #eda1ae;
  --accent-color-red-fade-light: rgba(206, 39, 67, 0.25);
  --accent-color-orange-light: #E68D09;
  --accent-color-orange-alt-light: #fcd9a6;
  --accent-color-orange-fade-light: rgba(230, 141, 9, 0.25);
  --accent-color-yellow-light: #E9CB0C;
  --accent-color-yellow-alt-light: #fbf0ad;
  --accent-color-yellow-fade-light: rgba(233, 203, 12, 0.25);
  --accent-color-green-light: #53B422;
  --accent-color-green-alt-light: #b7ec9c;
  --accent-color-green-fade-light: rgba(83, 180, 34, 0.25);
  --accent-color-cyan-light: #1DB3C3;
  --accent-color-cyan-alt-light: #a1e9f1;
  --accent-color-cyan-fade-light: rgba(29, 179, 195, 0.25);
  --accent-color-blue-light: #0989EB;
  --accent-color-blue-alt-light: #abd9fc;
  --accent-color-blue-fade-light: rgba(9, 137, 235, 0.25);
  --accent-color-purple-light: #5739D0;
  --accent-color-purple-alt-light: #d1c9f2;
  --accent-color-purple-fade-light: rgba(87, 57, 208, 0.25);
  --accent-color-pink-light: #DB43B2;
  --accent-color-pink-alt-light: #f8d9ef;
  --accent-color-pink-fade-light: rgba(219, 67, 178, 0.25);
  --accent-color-brown-light: #A6774E;
  --accent-color-brown-alt-light: #e3d2c3;
  --accent-color-brown-fade-light: rgba(166, 119, 78, 0.25);
  --accent-color-gray-light: #636569;
  --accent-color-gray-alt-light: #bdbfc1;
  --accent-color-gray-fade-light: rgba(99, 101, 105, 0.25);
  --mermaid-accent-color-red-light: #CE2743;
  --mermaid-accent-color-red-alt-light: #eda1ae;
  --mermaid-accent-color-orange-light: #E68D09;
  --mermaid-accent-color-orange-alt-light: #fcd9a6;
  --mermaid-accent-color-yellow-light: #E9CB0C;
  --mermaid-accent-color-yellow-alt-light: #fbf0ad;
  --mermaid-accent-color-green-light: #53B422;
  --mermaid-accent-color-green-alt-light: #b7ec9c;
  --mermaid-accent-color-cyan-light: #1DB3C3;
  --mermaid-accent-color-cyan-alt-light: #a1e9f1;
  --mermaid-accent-color-blue-light: #0989EB;
  --mermaid-accent-color-blue-alt-light: #abd9fc;
  --mermaid-accent-color-purple-light: #5739D0;
  --mermaid-accent-color-purple-alt-light: #d1c9f2;
  --mermaid-accent-color-pink-light: #DB43B2;
  --mermaid-accent-color-pink-alt-light: #f8d9ef;
  --mermaid-accent-color-brown-light: #A6774E;
  --mermaid-accent-color-brown-alt-light: #e3d2c3;
  --mermaid-accent-color-gray-light: #636569;
  --mermaid-accent-color-gray-alt-light: #bdbfc1;
  --cm-keyword-light: #770088;
  --cm-variable-light: #181A1E;
  --cm-variable-2-light: #0055AA;
  --cm-variable-3-light: #008855;
  --cm-tag-light: #117700;
  --cm-attribute-light: #0000CC;
  --cm-CodeMirror-cursor-light: #737c8f;
  --cm-string-light: #AA1111;
  --cm-string-2-light: #FF5500;
  --cm-comment-light: #AA5500;
  --cm-header-light: #0000FF;
  --cm-quote-light: #009900;
  --cm-hr-light: #999999;
  --cm-link-light: #0000CC;
  --cm-negative-light: #DD4444;
  --cm-positive-light: #229922;
  --cm-meta-light: #555555;
  --cm-bulidin-light: #3300AA;
  --cm-bracket-light: #999977;
  --cm-atom-light: #221199;
  --cm-number-light: #116644;
  --vlook-invert-dark-dark: invert(1) brightness(90%);
  --vlook-brightness-dark-dark: brightness(90%);
  --doc-bg-color-dark: #181A1E;
  --doc-bg-color-alt-dark: #3a3f49;
  --doc-bg-color-transparent-dark: rgba(24, 26, 30, 0);
  --doc-bg-color-alt-transparent-dark: rgba(58, 63, 73, 0);
  --fore-color-dark: #E0E4E8;
  --fore-color-alt-dark: #8898a7;
  --blockquote-color-dark: rgba(224, 228, 232, 0.2);
  --blockquote-bg-dark: rgba(224, 228, 232, 0.1);
  --tips-bg-color-dark: #3a3f49;
  --tips-bg-color-inset-dark: #E0E4E8;
  --shadow-color-dark: rgba(255, 255, 255, 0.1);
  --a-color-dark: #FFFFFF;
  --mark-color-dark: rgba(255, 192, 32, 0.25);
  --table-color-dark: #505458;
  --table-border-color-dark: rgba(80, 84, 88, 0.8);
  --table-th-bg-color-dark: rgba(156, 161, 165, 0.3);
  --table-th-border-color-dark: rgba(80, 84, 88, 0.8);
  --table-rowfolding-alpha-dark: 0.4;
  --del-color-dark: #a5b1bd;
  --toc-header-num-color-dark: rgba(224, 228, 232, 0.5);
  --header-color-dark: #D98982;
  --header-box-shadow-dark: rgba(217, 137, 130, 0.2);
  --header-bg-start-color-dark: rgba(217, 137, 130, 0);
  --header-bg-end-color-dark: rgba(217, 137, 130, 0.15);
  --code-bg-color-dark: #471915;
  --code-name-bg-color-dark: #181A1E;
  --code-name-shadow-color-dark: #737c8f;
  --accent-color-red-dark: #781727;
  --accent-color-red-alt-dark: #dd4b64;
  --accent-color-red-fade-dark: rgba(206, 39, 67, 0.35);
  --accent-color-yellow-dark: #574c05;
  --accent-color-yellow-alt-dark: #f6df4c;
  --accent-color-yellow-fade-dark: rgba(233, 203, 12, 0.35);
  --accent-color-orange-dark: #845105;
  --accent-color-orange-alt-dark: #f8af44;
  --accent-color-orange-fade-dark: rgba(230, 141, 9, 0.35);
  --accent-color-green-dark: #2b5e12;
  --accent-color-green-alt-dark: #79dc46;
  --accent-color-green-fade-dark: rgba(83, 180, 34, 0.35);
  --accent-color-cyan-dark: #10616a;
  --accent-color-cyan-alt-dark: #49d5e4;
  --accent-color-cyan-fade-dark: rgba(29, 179, 195, 0.35);
  --accent-color-blue-dark: #055089;
  --accent-color-blue-alt-dark: #48acf8;
  --accent-color-blue-fade-dark: rgba(9, 137, 235, 0.35);
  --accent-color-purple-dark: #331f84;
  --accent-color-purple-alt-dark: #8b77df;
  --accent-color-purple-fade-dark: rgba(87, 57, 208, 0.35);
  --accent-color-pink-dark: #9a1e79;
  --accent-color-pink-alt-dark: #e783cc;
  --accent-color-pink-fade-dark: rgba(219, 67, 178, 0.35);
  --accent-color-brown-dark: #61452d;
  --accent-color-brown-alt-dark: #c29e7e;
  --accent-color-brown-fade-dark: rgba(166, 119, 78, 0.35);
  --accent-color-gray-dark: #323335;
  --accent-color-gray-alt-dark: #898b90;
  --accent-color-gray-fade-dark: rgba(99, 101, 105, 0.35);
  --mermaid-accent-color-red-dark: #dd4b64;
  --mermaid-accent-color-red-alt-dark: #781727;
  --mermaid-accent-color-orange-dark: #f8af44;
  --mermaid-accent-color-orange-alt-dark: #845105;
  --mermaid-accent-color-yellow-dark: #f6df4c;
  --mermaid-accent-color-yellow-alt-dark: #574c05;
  --mermaid-accent-color-green-dark: #79dc46;
  --mermaid-accent-color-green-alt-dark: #2b5e12;
  --mermaid-accent-color-cyan-dark: #49d5e4;
  --mermaid-accent-color-cyan-alt-dark: #10616a;
  --mermaid-accent-color-blue-dark: #48acf8;
  --mermaid-accent-color-blue-alt-dark: #055089;
  --mermaid-accent-color-purple-dark: #8b77df;
  --mermaid-accent-color-purple-alt-dark: #331f84;
  --mermaid-accent-color-pink-dark: #e783cc;
  --mermaid-accent-color-pink-alt-dark: #9a1e79;
  --mermaid-accent-color-brown-dark: #c29e7e;
  --mermaid-accent-color-brown-alt-dark: #61452d;
  --mermaid-accent-color-gray-dark: #898b90;
  --mermaid-accent-color-gray-alt-dark: #323335;
  --cm-keyword-dark: #C88FD0;
  --cm-variable-dark: #E0E4E8;
  --cm-variable-2-dark: #9FBAD5;
  --cm-variable-3-dark: #1CC685;
  --cm-tag-dark: #7DF46A;
  --cm-attribute-dark: #7575E4;
  --cm-CodeMirror-cursor-dark: #8898a7;
  --cm-string-dark: #D26B6B;
  --cm-string-2-dark: #FF5500;
  --cm-comment-dark: #DA924A;
  --cm-header-dark: #8D8DF0;
  --cm-quote-dark: #57AC57;
  --cm-hr-dark: #D8D5D5;
  --cm-link-dark: #D3D3EF;
  --cm-negative-dark: #D95050;
  --cm-positive-dark: #50E650;
  --cm-meta-dark: #B7B3B3;
  --cm-buliddark: #F3B3F8;
  --cm-bracket-dark: #999977;
  --cm-atom-dark: #84B6CB;
  --cm-number-dark: #64AB8F;
  --vlook-invert-dark: var(--vlook-invert-dark-light);
  --vlook-brightness-dark: var(--vlook-brightness-dark-light);
  --doc-bg-color: var(--doc-bg-color-light);
  --doc-bg-color-alt: var(--doc-bg-color-alt-light);
  --doc-bg-color-transparent: var(--doc-bg-color-transparent-light);
  --doc-bg-color-alt-transparent: var(--doc-bg-color-alt-transparent-light);
  --fore-color: var(--fore-color-light);
  --fore-color-alt: var(--fore-color-alt-light);
  --blockquote-color: var(--blockquote-color-light);
  --blockquote-bg: var(--blockquote-bg-light);
  --tips-bg-color: var(--tips-bg-color-light);
  --tips-bg-color-inset: var(--tips-bg-color-inset-light);
  --shadow-color: var(--shadow-color-light);
  --a-color: var(--a-color-light);
  --mark-color: var(--mark-color-light);
  --table-color: var(--table-color-light);
  --table-border-color: var(--table-border-color-light);
  --table-th-bg-color: var(--table-th-bg-color-light);
  --table-th-border-color: var(--table-th-border-color-light);
  --table-rowfolding-alpha: var(--table-rowfolding-alpha-light);
  --del-color: var(--del-color-light);
  --toc-header-num-color: var(--toc-header-num-color-light);
  --header-color: var(--header-color-light);
  --header-box-shadow: var(--header-box-shadow-light);
  --header-bg-start-color: var(--header-bg-start-color-light);
  --header-bg-end-color: var(--header-bg-end-color-light);
  --code-bg-color: var(--code-bg-color-light);
  --code-name-bg-color: var(--code-name-bg-color-light);
  --code-name-shadow-color: var(--code-name-bg-color);
  --accent-color-red: var(--accent-color-red-light);
  --accent-color-red-alt: var(--accent-color-red-alt-light);
  --accent-color-red-fade: var(--accent-color-red-fade-light);
  --accent-color-orange: var(--accent-color-orange-light);
  --accent-color-orange-alt: var(--accent-color-orange-alt-light);
  --accent-color-orange-fade: var(--accent-color-orange-fade-light);
  --accent-color-yellow: var(--accent-color-yellow-light);
  --accent-color-yellow-alt: var(--accent-color-yellow-alt-light);
  --accent-color-yellow-fade: var(--accent-color-yellow-fade-light);
  --accent-color-green: var(--accent-color-green-light);
  --accent-color-green-alt: var(--accent-color-green-alt-light);
  --accent-color-green-fade: var(--accent-color-green-fade-light);
  --accent-color-cyan: var(--accent-color-cyan-light);
  --accent-color-cyan-alt: var(--accent-color-cyan-alt-light);
  --accent-color-cyan-fade: var(--accent-color-cyan-fade-light);
  --accent-color-blue: var(--accent-color-blue-light);
  --accent-color-blue-alt: var(--accent-color-blue-alt-light);
  --accent-color-blue-fade: var(--accent-color-blue-fade-light);
  --accent-color-purple: var(--accent-color-purple-light);
  --accent-color-purple-alt: var(--accent-color-purple-alt-light);
  --accent-color-purple-fade: var(--accent-color-purple-fade-light);
  --accent-color-pink: var(--accent-color-pink-light);
  --accent-color-pink-alt: var(--accent-color-pink-alt-light);
  --accent-color-pink-fade: var(--accent-color-pink-fade-light);
  --accent-color-brown: var(--accent-color-brown-light);
  --accent-color-brown-alt: var(--accent-color-brown-alt-light);
  --accent-color-brown-fade: var(--accent-color-brown-fade-light);
  --accent-color-gray: var(--accent-color-gray-light);
  --accent-color-gray-alt: var(--accent-color-gray-alt-light);
  --accent-color-gray-fade: var(--accent-color-gray-fade-light);
  --mermaid-accent-color-red: var(--mermaid-accent-color-red-light);
  --mermaid-accent-color-red-alt: var(--mermaid-accent-color-red-alt-light);
  --mermaid-accent-color-orange: var(--mermaid-accent-color-orange-light);
  --mermaid-accent-color-orange-alt: var(--mermaid-accent-color-orange-alt-light);
  --mermaid-accent-color-yellow: var(--mermaid-accent-color-yellow-light);
  --mermaid-accent-color-yellow-alt: var(--mermaid-accent-color-yellow-alt-light);
  --mermaid-accent-color-green: var(--mermaid-accent-color-green-light);
  --mermaid-accent-color-green-alt: var(--mermaid-accent-color-green-alt-light);
  --mermaid-accent-color-cyan: var(--mermaid-accent-color-cyan-light);
  --mermaid-accent-color-cyan-alt: var(--mermaid-accent-color-cyan-alt-light);
  --mermaid-accent-color-blue: var(--mermaid-accent-color-blue-light);
  --mermaid-accent-color-blue-alt: var(--mermaid-accent-color-blue-alt-light);
  --mermaid-accent-color-purple: var(--mermaid-accent-color-purple-light);
  --mermaid-accent-color-purple-alt: var(--mermaid-accent-color-purple-alt-light);
  --mermaid-accent-color-pink: var(--mermaid-accent-color-pink-light);
  --mermaid-accent-color-pink-alt: var(--mermaid-accent-color-pink-alt-light);
  --mermaid-accent-color-brown: var(--mermaid-accent-color-brown-light);
  --mermaid-accent-color-brown-alt: var(--mermaid-accent-color-brown-alt-light);
  --mermaid-accent-color-gray: var(--mermaid-accent-color-gray-light);
  --mermaid-accent-color-gray-alt: var(--mermaid-accent-color-gray-alt-light);
  --cm-keyword: var(--cm-keyword-light);
  --cm-variable: var(--cm-variable-light);
  --cm-variable-2: var(--cm-variable-2-light);
  --cm-variable-3: var(--cm-variable-3-light);
  --cm-tag: var(--cm-tag-light);
  --cm-attribute: var(--cm-attribute-light);
  --cm-CodeMirror-cursor: var(--cm-CodeMirror-cursor-light);
  --cm-string: var(--cm-string-light);
  --cm-string-2: var(--cm-string-2-light);
  --cm-comment: var(--cm-comment-light);
  --cm-header: var(--cm-header-light);
  --cm-quote: var(--cm-quote-light);
  --cm-hr: var(--cm-hr-light);
  --cm-link: var(--cm-link-light);
  --cm-negative: var(--cm-negative-light);
  --cm-positive: var(--cm-positive-light);
  --cm-meta: var(--cm-meta-light);
  --cm-bulidin: var(--cm-bulidin-light);
  --cm-bracket: var(--cm-bracket-light);
  --cm-atom: var(--cm-atom-light);
  --cm-number: var(--cm-number-light);
}
html {
  font-size: 1em;
  cursor: default;
}
::selection {
  background: rgba(230, 46, 77, 0.3);
}
html,
body {
  background-color: var(--doc-bg-color);
  color: var(--fore-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  line-height: 2;
  -webkit-tap-highlight-color: transparent;
}
body.typora-export {
  padding-left: 0;
  padding-right: 0;
}
body > *:first-child {
  margin-top: 0 !important;
}
body > *:last-child {
  margin-bottom: 0 !important;
}
img,
.mdx-figure,
.md-diagram-panel svg {
  background: #FFFFFF;
  background-repeat: repeat;
  background-position: left top;
  border-radius: var(--vlook-base-radius);
  padding: 0;
  border: 2px solid var(--table-border-color);
  display: block;
}
img {
  margin: 0 !important;
}
img[src*="padding=true"] {
  padding: 10px !important;
}
img[src*="inline=true"] {
  display: inline !important;
}
img[src*="mode=icon"] {
  display: inline !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  height: 20px;
  margin-top: -4px !important;
  border: 0;
  border-radius: 0;
  background: none !important;
}
img[src*="mode=logo"] {
  display: inline !important;
  border: 0;
  border-radius: 0;
  background: none !important;
}
img[src$=".wav"] {
  border: 10px solid #F00 !important;
  width: 200px !important;
  height: 50px !important;
  background-image: url("") !important;
}
audio {
  margin: 0 10px 0 10px;
  border-radius: var(--vlook-small-radius);
}
a {
  color: var(--a-color) !important;
  border-bottom: 2px solid #E62E4D;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  text-decoration: none;
  margin-left: 0.1em;
  margin-right: 0.1em;
}
a[href*="vlinkstyle=none"] {
  border-bottom: none;
}
kbd a {
  color: var(--doc-bg-color) !important;
  border-bottom: none;
}
a kbd {
  color: #D98982 !important;
  background-color: #292C33 !important;
  margin-left: -0.1em;
  margin-right: -0.1em;
}
a:hover {
  color: #E62E4D !important;
  box-shadow: 0 -0.3em 0 0 rgba(230, 46, 77, 0.3) inset;
  border-bottom: 2px solid rgba(230, 46, 77, 0.3);
}
a[href*="vlinkstyle=none"]:hover,
kbd a:hover {
  color: #E62E4D !important;
  box-shadow: none;
  border-bottom: none;
}
a kbd:hover {
  color: #FFFFFF !important;
  background-color: #E62E4D !important;
}
a:active {
  color: #c35164 !important;
  border-color: #c35164;
}
a[href*="vlinkstyle=none"]:active,
kbd a:active {
  border: none;
}
a kbd:active {
  background-color: #c35164 !important;
}
a:not([name^="ref-footnote"]):hover::before {
  content: "URL";
  margin-top: -8px;
  vertical-align: super;
  line-height: 1;
  color: #D98982;
  border-radius: 3px;
  padding: 2px 3px;
  font-size: 0.5em;
  font-weight: 900;
  background-color: #E62E4D;
  position: absolute;
  z-index: 99999;
}
table th a:not([name^="ref-footnote"]):hover::before,
table td a:not([name^="ref-footnote"]):hover::before {
  margin-top: -14px;
}
a[href^="#"]:hover::before {
  content: "#";
  background-color: #636569;
}
a[href^="http://"]:hover::before {
  content: "HTTP";
  background-color: #CE2743;
}
a[href^="https://"]:hover::before {
  content: "Secure HTTP";
  background-color: #53B422;
}
a[href^="mailto:"]:hover::before {
  content: "Email";
  background-color: #0989EB;
}
a[href^="ftp://"]:hover::before {
  content: "FTP";
  background-color: #CE2743;
}
a[href^="ftps://"]:hover::before {
  content: "Secure FTP";
  background-color: #53B422;
}
a[href^="file://"]:hover::before {
  content: "Local File";
  background-color: #A6774E;
}
a[href^="smb://"]:hover::before {
  content: "SMB";
  background-color: #5739D0;
}
a[href$=".pdf"]:hover::before,
a[href$=".doc"]:hover::before,
a[href$=".docx"]:hover::before,
a[href$=".xls"]:hover::before,
a[href$=".xlsx"]:hover::before,
a[href$=".ppt"]:hover::before,
a[href$=".pptx"]:hover::before,
a[href$=".txt"]:hover::before,
a[href$=".csv"]:hover::before {
  content: "Document";
  background-color: #1DB3C3;
}
a[href$=".zip"]:hover::before,
a[href$=".rar"]:hover::before,
a[href$=".7z"]:hover::before,
a[href$=".gz"]:hover::before,
a[href$=".tar"]:hover::before,
a[href$=".dmg"]:hover::before,
a[href$=".cab"]:hover::before {
  content: "Archive File";
  background-color: #E68D09;
}
u {
  text-decoration: none;
  border-bottom: 1px solid var(--fore-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--header-color);
  position: relative;
  margin: 1em 0 0.5em 0;
  padding: 10px;
  line-height: 1.5;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
  border-radius: var(--vlook-base-radius) var(--vlook-base-radius) 0 0;
  background: linear-gradient(0deg, var(--header-bg-start-color), var(--header-bg-end-color));
}
h1 + ul,
h1 + ol,
h2 + ul,
h2 + ol,
h3 + ul,
h3 + ol,
h4 + ul,
h4 + ol,
h5 + ul,
h5 + ol,
h6 + ul,
h6 + ol {
  margin-top: 0;
}
h1 {
  margin-top: 5em;
  font-size: 2em;
  box-shadow: 0 7px 0 0 var(--header-box-shadow) inset;
}
h2 {
  margin-top: 3em;
  font-size: 1.8em;
  box-shadow: 0 5px 0 0 var(--header-box-shadow) inset;
}
h1 + h2 {
  box-shadow: none;
  background: none;
  margin-top: -0.5em;
}
h3 {
  margin-top: 2em;
  font-size: 1.6em;
  box-shadow: 0 3px 0 0 var(--header-box-shadow) inset;
}
h2 + h3 {
  box-shadow: none;
  background: none;
  margin-top: -0.5em;
}
h4 {
  margin-top: 2em;
  font-size: 1.4em;
  box-shadow: 0 1px 0 0 var(--header-box-shadow) inset;
}
h3 + h4 {
  box-shadow: none;
  background: none;
  margin-top: -0.5em;
}
h5 {
  font-size: 1.2em;
  box-shadow: 0 0 0 0 var(--header-box-shadow) inset;
}
h4 + h5 {
  box-shadow: none;
  background: none;
  margin-top: -0.5em;
}
h6 {
  margin-bottom: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-size: 1em;
  box-shadow: none;
  background: none;
}
h1 + h6,
h2 + h6,
h3 + h6,
h4 + h6,
h5 + h6,
h6 + h6 {
  margin-top: 0;
  padding-top: 0;
}
li > h6 {
  color: var(--header-color);
  border-left: 0;
  padding-left: 0;
}
li > h6::before {
  content: "▪ ";
  color: rgba(217, 137, 130, 0.5);
}
strong {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
}
strong a {
  font-weight: 900;
}
hr {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  border: 2px solid var(--doc-bg-color-alt);
  overflow: hidden;
  box-sizing: content-box;
  border-top: 0;
}
body > div > h1:first-of-type {
  border-top: 0;
}
body > h2:first-child {
  margin-top: 0;
  padding-top: 0;
}
body > h1:first-child {
  margin-top: 0;
  padding-top: 0;
}
body > h1:first-child + h2 {
  margin-top: 0;
  padding-top: 0;
}
body > h3:first-child,
body > h4:first-child,
body > h5:first-child,
body > h6:first-child {
  margin-top: 0;
  padding-top: 0;
}
a:first-child > h1,
a:first-child > h2,
a:first-child > h3,
a:first-child > h4,
a:first-child > h5,
a:first-child > h6 {
  margin-top: 0;
  padding-top: 0;
}
ul > li,
ol > li,
p,
figure,
.md-diagram-panel {
  text-align: left;
  margin-top: 0;
}
figure {
  padding-bottom: 1px;
  margin-bottom: 20px;
  border-radius: var(--vlook-base-radius);
}
::marker,
li::before {
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  color: var(--fore-color-alt);
}
ul,
ol {
  padding-left: 2em;
  padding-bottom: 0;
}
ol > li {
  list-style-type: decimal;
}
ol > li > ol > li {
  list-style-type: lower-alpha;
}
ol > li > ol > li > ol > li {
  list-style-type: lower-roman;
}
ol > li > ol > li > ol > li > ol > li {
  list-style-type: decimal-leading-zero;
}
ol > li > ol > li > ol > li > ol > li > ol > li {
  list-style-type: upper-alpha;
}
ol > li > ol > li > ol > li > ol > li > ol > li > ol > li {
  list-style-type: upper-roman;
}
ul > li {
  list-style-type: disc;
}
ul > li > ul > li {
  list-style-type: square;
}
ul > li > ul > li > ul > li {
  list-style-type: circle;
}
blockquote {
  border-radius: var(--vlook-base-radius);
  width: fit-content;
  padding: 0.5em 1em;
  margin-top: 0;
  margin-bottom: 1em;
  color: var(--fore-color);
  background-color: var(--blockquote-bg);
}
blockquote > p {
  margin-bottom: 0;
}
blockquote > ul,
blockquote > ol {
  margin-top: 0;
}
blockquote > blockquote {
  border-left: 5px solid rgba(99, 101, 105, 0.2);
  background: none;
  border-radius: 0;
}
blockquote > strong {
  color: inherit !important;
}
table {
  border-collapse: inherit;
  border-spacing: 0;
  width: auto;
  line-height: 1.5;
  word-break: break-all;
  white-space: pre-wrap;
  border: 2px solid var(--table-border-color);
  border-radius: var(--vlook-base-radius);
  background-color: var(--doc-bg-color);
}
thead {
  display: contents !important;
}
table > thead > tr > th,
table > thead > tr > td {
  background-color: var(--table-th-bg-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
  border-right: 1px solid rgba(176, 180, 184, 0.1);
  margin: 0;
  padding: 0.5em;
  box-shadow: 0 1px 0 var(--table-th-border-color);
}
table > tbody > tr:first-child > td {
  box-shadow: 0 -1px 0 var(--table-th-border-color);
}
table > tbody > tr:not(:first-child) > td {
  box-shadow: 0 -1px 0 rgba(176, 180, 184, 0.2);
}
table > tbody > tr:nth-child(2n) {
  background-color: rgba(176, 180, 184, 0.1);
}
table > thead > tr:first-child > th:first-child {
  border-top-left-radius: var(--vlook-table-radius);
  white-space: pre;
}
table th,
table td {
  white-space: pre-line !important;
  font-size: 0.9em;
}
table > thead > tr:first-child > th:last-child {
  border-top-right-radius: var(--vlook-table-radius);
}
table > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: var(--vlook-table-radius);
}
table > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: var(--vlook-table-radius);
}
table tr > td {
  border-right: 1px solid rgba(176, 180, 184, 0.1);
  margin: 0;
  padding: 5px;
  vertical-align: top;
}
table tr > th,
table tr > td:first-child {
  white-space: pre !important;
}
table tr > th:last-child,
table tr > td:last-child {
  border-right: 0;
}
.mdx-table-colspan-all::before {
  content: "";
}
.mdx-table-column-format-bold {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
}
.mdx-table-column-format-em {
  font-style: italic;
}
.mdx-table-column-format-mark {
  background-color: var(--mark-color) !important;
  color: var(--fore-bg-color) !important;
}
.mdx-table-column-format-number {
  font-family: "VLOOK Number", "Altinn-DIN", "Bebas Neue", "DIN", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-table-column-format-number-positive {
  color: #D00000;
}
.mdx-table-column-format-number-negative {
  color: #00B000;
}
.mdx-table-column-format-number-decimal {
  font-size: 0.8em;
}
.mdx-table-column-format-currency {
  float: left;
  font-size: 0.9em;
  padding-right: 10px;
  color: var(--fore-color-alt);
  font-weight: normal;
}
.mdx-table-column-format-percent {
  opacity: 0.6;
  font-size: 0.8em;
}
.mdx-table-rowfolding-folder {
  text-align: left !important;
}
td .mdx-table-rowfolding-not-folder {
  text-align: left !important;
  padding-left: 50px !important;
}
.mdx-table-rowfolding-button {
  cursor: pointer;
}
.mdx-table-rowfolding-sub {
  text-align: left !important;
  padding-left: 5px !important;
}
.mdx-table-rowfolding-identer,
.mdx-table-rowfolding-identer-blank {
  width: 4px;
  height: 32px;
  display: inline-block;
  padding: 0;
  margin: -10px 58px -10px 4px;
}
h6 + figure table .mdx-table-rowfolding-identer,
h6 + figure table .mdx-table-rowfolding-identer-blank,
li > figure table .mdx-table-rowfolding-identer,
li > figure table .mdx-table-rowfolding-identer-blank {
  margin-right: 82px;
}
.mdx-table-rowfolding-identer + .mdx-table-rowfolding-identer,
.mdx-table-rowfolding-identer + .mdx-table-rowfolding-identer-blank,
.mdx-table-rowfolding-identer-blank + .mdx-table-rowfolding-identer {
  margin-left: -12px !important;
}
h6 + figure table .mdx-table-rowfolding-identer + .mdx-table-rowfolding-identer,
h6 + figure table .mdx-table-rowfolding-identer + .mdx-table-rowfolding-identer-blank,
h6 + figure table .mdx-table-rowfolding-identer-blank + .mdx-table-rowfolding-identer,
li > figure table .mdx-table-rowfolding-identer + .mdx-table-rowfolding-identer,
li > figure table .mdx-table-rowfolding-identer + .mdx-table-rowfolding-identer-blank,
li > figure table .mdx-table-rowfolding-identer-blank + .mdx-table-rowfolding-identer {
  margin-right: 52px !important;
}
.mdx-table-rowfolding-identer-folder {
  margin-right: 38px;
}
h6 + figure table .mdx-table-rowfolding-identer-folder,
li > figure table .mdx-table-rowfolding-identer-folder {
  margin-right: 62px !important;
}
h6 + figure table .mdx-table-rowfolding-identer + .mdx-table-rowfolding-identer-folder,
li > figure table .mdx-table-rowfolding-identer + .mdx-table-rowfolding-identer-folder {
  margin-right: 30px !important;
}
li > figure table,
h6 + figure table {
  counter-reset: tableRowNumber - 1;
}
li > figure table tbody tr,
h6 + figure table tbody tr {
  counter-increment: tableRowNumber;
}
figure table tr::before {
  content: "";
  color: var(--toc-header-num-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", monospace;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 0.8em;
  vertical-align: middle;
  text-align: right;
  width: 2.5em;
  position: absolute;
  left: 1em;
  padding-top: 5px;
}
li > figure table tbody tr::before {
  content: counter(tableRowNumber);
  text-align: right;
  margin-top: 4px;
  margin-left: -10px;
  font-size: 0.6em;
  color: var(--fore-color-alt);
  position: absolute;
}
li > figure table tbody tr:hover::before {
  content: "▶";
  color: #E62E4D;
}
.mdx-table-row-num-hidden::before {
  content: "" !important;
}
h6 + figure table tbody tr::before {
  content: counter(tableRowNumber);
  text-align: right;
  margin-top: 4px;
  margin-left: 0px;
  font-size: 0.6em;
  color: var(--fore-color-alt);
  position: absolute;
}
h6 + figure table tbody tr:hover::before {
  content: "▶";
  color: #E62E4D;
}
li > figure table tr > th:first-child,
li > figure table tr > td:first-child,
h6 + figure table tr > th:first-child,
h6 + figure table tr > td:first-child {
  padding-left: 30px;
}
li > figure {
  margin-top: 0;
}
h1 + figure,
h2 + figure,
h3 + figure,
h4 + figure,
h5 + figure,
h6 + figure {
  margin-top: 0;
}
.mdx-table-cross {
  width: 100px;
  height: 100px;
  position: absolute;
  display: none;
  pointer-events: none;
}
.mdx-table-cross-left {
  background: linear-gradient(90deg, rgba(230, 46, 77, 0.01), rgba(230, 46, 77, 0.3));
}
.mdx-table-cross-right {
  background: linear-gradient(90deg, rgba(230, 46, 77, 0.3), rgba(230, 46, 77, 0.01));
}
.mdx-table-cross-up {
  background: linear-gradient(0deg, rgba(230, 46, 77, 0.3), rgba(230, 46, 77, 0.01));
}
.mdx-table-cross-down {
  background: linear-gradient(0deg, rgba(230, 46, 77, 0.01), rgba(230, 46, 77, 0.3));
}
mark {
  box-shadow: 0 -0.9em 0 0 var(--mark-color) inset;
  background: none;
  margin-left: 0.1em;
  margin-right: 0.1em;
  color: var(--fore-color);
}
del,
del strong {
  color: var(--del-color) !important;
  text-decoration: line-through solid !important;
}
del code {
  font-style: italic;
  text-decoration: line-throug solid !important;
}
.footnotes-area {
  margin-top: 100px;
}
.footnote-line {
  font-size: 1em;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
}
.mdx-footer-note-panel-content > .footnote-line {
  padding-bottom: 50px;
}
.md-fn-count {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
}
.md-fn-count::before {
  content: "[";
}
.md-fn-count::after {
  content: "] ";
}
.reversefootnote {
  color: #0989EB;
}
.reversefootnote:hover {
  color: #CE2743;
}
a[name^="ref-footnote-"] {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  color: #0989EB;
}
a[name^="ref-footnote-"]:hover {
  color: #c35164;
}
.CodeMirror-gutters {
  border-width: 0;
  background-color: var(--doc-bg-color-alt);
  border-right: 1px solid var(--doc-bg-color-alt);
  height: 100% !important;
}
.CodeMirror-linenumber {
  color: #737c8f;
}
tt,
code {
  color: var(--fore-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", monospace;
  font-weight: normal;
  background-color: var(--code-bg-color);
  border-radius: var(--vlook-small-radius);
  padding: 0.1em 0.2em;
  margin: 0 0.1em;
  box-shadow: 0 0 0 1px var(--doc-bg-color) inset;
  font-size: 0.9em;
  display: inline;
  white-space: pre;
}
.md-fences {
  color: var(--fore-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", monospace;
  font-weight: normal;
  border-radius: var(--vlook-base-radius);
  border: 2px solid var(--table-border-color);
  margin: 0 0 20px 0;
}
.mdx-figure-caption > .md-fences {
  margin: 0;
}
.task-list {
  padding-left: 0;
}
.task-list-item {
  padding-left: 32px;
}
.task-list-item input {
  top: 3px;
  left: 8px;
}
.mathjax-block > .code-tooltip {
  bottom: 0.375em;
}
.md-image > .md-meta {
  border: 1px solid rgba(176, 180, 184, 0.8);
  background-color: rgba(24, 26, 30, 0.05);
  border-radius: 3px;
  padding: 2px 4px 0 4px;
  color: inherit;
}
.md-tag {
  color: inherit;
}
#typora-quick-open {
  border: 1px solid rgba(176, 180, 184, 0.8);
  background-color: rgba(24, 26, 30, 0.05);
}
#typora-quick-open-item {
  background-color: rgba(24, 26, 30, 0.05);
  border-color: rgba(176, 180, 184, 0.8);
  border-style: solid;
  border-width: 1px;
}
#md-notification::before {
  top: 10px;
}
/** focus mode */
.on-focus-mode blockquote {
  border-left-color: #181A1E;
}
/**************************************
* Header Counters in TOC 目录中的标题序号样式
**************************************/
/* No link underlines in TOC */
.md-toc-content {
  counter-reset: h1toc;
}
.md-toc-h1 {
  margin-left: 0;
  padding-left: 10px;
  counter-reset: h2toc;
}
.md-toc-h2 {
  margin-left: 0;
  padding-left: 20px;
  counter-reset: h3toc;
}
.md-toc-h3 {
  margin-left: 0;
  padding-left: 30px;
  counter-reset: h4toc;
}
.md-toc-h4 {
  margin-left: 0;
  padding-left: 40px;
  counter-reset: h5toc;
}
.md-toc-h5 {
  margin-left: 0;
  padding-left: 50px;
  counter-reset: h6toc;
}
.md-toc-h6 {
  display: none;
  margin-left: 0;
  padding-left: 50px;
}
.md-toc-h1::before {
  counter-increment: h1toc;
  content: counter(h1toc) ".  ";
}
.md-toc-h1 > .md-toc-inner {
  margin-left: 0;
}
.md-toc-h2::before {
  counter-increment: h2toc;
  content: counter(h1toc) "." counter(h2toc) "  ";
}
.md-toc-h2 > .md-toc-inner {
  margin-left: 0;
}
.md-toc-h3::before {
  counter-increment: h3toc;
  content: counter(h1toc) "." counter(h2toc) "." counter(h3toc) "  ";
}
.md-toc-h3 > .md-toc-inner {
  margin-left: 0;
}
.md-toc-h4::before {
  counter-increment: h4toc;
  content: counter(h1toc) "." counter(h2toc) "." counter(h3toc) "." counter(h4toc) "  ";
}
.md-toc-h4 > .md-toc-inner {
  margin-left: 0;
}
.md-toc-h5::before {
  counter-increment: h5toc;
  content: counter(h1toc) "." counter(h2toc) "." counter(h3toc) "." counter(h4toc) "." counter(h5toc) "  ";
}
.md-toc-h5 > .md-toc-inner {
  margin-left: 0;
}
/**************************************
* Header Counters in Content 内容中的目录序号样式
**************************************/
/** initialize css counter */
#write {
  counter-reset: h1;
}
h1 {
  counter-reset: h2;
}
h2 {
  counter-reset: h3;
}
h3 {
  counter-reset: h4;
}
h4 {
  counter-reset: h5;
}
#write h1::before,
#write h2::before,
#write h3::before,
#write h4::before,
#write h5::before,
#write h6::before {
  color: rgba(217, 137, 130, 0.5);
}
#write h1::before {
  counter-increment: h1;
  content: counter(h1) ".  ";
}
#write h2::before {
  counter-increment: h2;
  content: counter(h1) "." counter(h2) "  ";
}
#write h3::before {
  /*override the default style for focused headings */
  counter-increment: h3;
  content: counter(h1) "." counter(h2) "." counter(h3) "  ";
}
#write h4::before {
  counter-increment: h4;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "  ";
}
#write h5::before {
  counter-increment: h5;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "  ";
}
#write h6::before {
  content: "◎ ";
}
/** override the default style for focused headings */
#write > h3.md-focus::before,
#write > h4.md-focus::before,
#write > h5.md-focus::before,
#write > h6.md-focus::before,
h3.md-focus::before,
h4.md-focus::before,
h5.md-focus::before,
h6.md-focus::before {
  border: inherit;
  position: inherit;
  left: inherit;
  float: none;
  top: initial;
  font-size: inherit;
  vertical-align: inherit;
  font-weight: inherit;
  line-height: inherit;
}
/**************************************
* Electron UI
**************************************/
.outline-item {
  line-height: 1;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
}
/**************************************
* 脚本化画表 CSS
**************************************/
/* ----- flow diagram 流程图 ----- */
/**************************************
* mermaid CSS
**************************************/
/* ----- pie diagram 饼图 ----- */
.pieTitleText {
  fill: var(--fore-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
  font-size: 1.5em;
}
.legend text {
  fill: var(--fore-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
}
.slice {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
}
/* ----- flow diagram 流程图 ----- */
.mermaid .label div,
.mdx-figure .label div {
  font-size: 0.8em !important;
}
svg[id^="mermaidChart"] {
  color: var(--fore-color);
}
.label div {
  color: var(--fore-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
}
.node rect[rx="0"][ry="0"] {
  fill: var(--mermaid-accent-color-blue-alt) !important;
  stroke: var(--mermaid-accent-color-blue) !important;
  stroke-width: 5;
}
.node rect[rx="5"][ry="5"] {
  fill: var(--mermaid-accent-color-blue-alt) !important;
  stroke: var(--mermaid-accent-color-blue) !important;
  stroke-width: 1;
}
.node circle {
  fill: var(--doc-bg-color);
  stroke: var(--mermaid-accent-color-green);
  stroke-width: 2;
}
.node polygon {
  fill: var(--mermaid-accent-color-red-alt);
  stroke: var(--mermaid-accent-color-red);
  stroke-width: 1;
}
.node[id^="page"] polygon {
  fill: var(--doc-bg-color);
  stroke: var(--mermaid-accent-color-green);
  stroke-width: 2;
}
.node[id^="trans"] polygon {
  fill: var(--fore-color);
  stroke-width: 0;
}
.edgePath .path {
  stroke: var(--fore-color);
  stroke-width: 2;
}
.arrowheadPath {
  fill: var(--fore-color);
}
.edgeLabel .label span,
.edgeLabel {
  color: var(--fore-color);
  background-color: var(--doc-bg-color);
  line-height: 1em;
}
.edgeLabel div,
.edgeLabel .label rect {
  background-color: var(--doc-bg-color);
}
.cluster rect {
  fill: var(--doc-bg-color-alt) !important;
  stroke: var(--fore-color) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 3;
}
.cluster text {
  color: var(--fore-color);
  fill: var(--fore-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
}
#START rect {
  fill: var(--fore-color) !important;
  stroke: var(--fore-color) !important;
  stroke-width: 5 !important;
}
#START rect + .label div {
  color: var(--doc-bg-color) !important;
}
#END rect {
  color: var(--fore-color) !important;
  fill: var(--doc-bg-color) !important;
  stroke: var(--fore-color) !important;
  stroke-width: 5 !important;
}
#INIT circle {
  fill: var(--fore-color) !important;
  stroke: var(--fore-color) !important;
  stroke-width: 0 !important;
}
#INIT .label div {
  color: var(--fore-color) !important;
}
#INIT ~ g > rect {
  fill: var(--mermaid-accent-color-purple-alt) !important;
  stroke: var(--mermaid-accent-color-purple) !important;
  stroke-width: 3;
}
#FINAL circle {
  fill: none !important;
  stroke: var(--fore-color) !important;
  stroke-width: 5 !important;
}
/* ----- sequeuce diagram 时序图 ----- */
.actor {
  stroke: var(--mermaid-accent-color-blue);
  fill: var(--mermaid-accent-color-blue-alt);
  font-size: 1em !important;
  stroke-width: 1;
}
.mdx-actor-person {
  fill: var(--doc-bg-color-alt);
  stroke: var(--fore-color-alt) !important;
}
.mdx-actor-key-sys {
  stroke-width: 3 !important;
  font-weight: 900;
}
.mdx-actor-ext-sys {
  stroke-dasharray: 5 2 !important;
  font-style: italic;
}
text.actor {
  fill: var(--fore-color);
  stroke: none;
  font-size: 0.85em !important;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
}
.actor-line {
  stroke: var(--mermaid-accent-color-blue);
  stroke-width: 1;
}
.sequenceNumber {
  fill: var(--doc-bg-color);
  font-weight: 900;
}
#sequencenumber {
  fill: var(--fore-color);
}
.messageLine0 {
  stroke-width: 2;
  stroke: var(--fore-color);
}
#arrowhead {
  fill: var(--fore-color);
}
.messageLine1 {
  stroke-width: 2;
  stroke: var(--fore-color);
}
#crosshead path {
  fill: var(--fore-color-alt) !important;
  stroke: var(--fore-color) !important;
}
.messageText {
  fill: var(--fore-color);
  stroke: none;
  font-size: 0.85em !important;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
  font-weight: normal;
  line-height: 2em;
}
.activation0,
.activation1,
.activation2 {
  fill: var(--mermaid-accent-color-blue-alt) !important;
  stroke-width: 0 !important;
}
.labelBox {
  stroke: none;
  fill: var(--mermaid-accent-color-purple-alt);
}
.labelText tspan {
  fill: var(--mermaid-accent-color-purple);
  font-size: 0.8em !important;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
}
.loopText tspan {
  fill: var(--mermaid-accent-color-purple);
  font-size: 0.85em !important;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
}
.loopLine {
  stroke-width: 1;
  stroke: var(--mermaid-accent-color-purple-alt);
}
.note {
  stroke: var(--mermaid-accent-color-yellow);
  stroke-dasharray: 5;
  fill: var(--mermaid-accent-color-yellow-alt);
}
.noteText tspan {
  fill: var(--fore-color);
  stroke: none;
  font-size: 0.85em !important;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
}
/* ----- state diagram 状态机图 ----- */
g.stateGroup circle {
  fill: var(--fore-color) !important;
  stroke: var(--doc-bg-color) !important;
}
g.stateGroup rect,
g.stateGroup line {
  fill: var(--mermaid-accent-color-blue-alt) !important;
  stroke: var(--mermaid-accent-color-blue) !important;
}
g.stateGroup rect[height="7"] {
  fill: var(--fore-color) !important;
  stroke: none !important;
}
.transition {
  stroke: var(--fore-color) !important;
}
g.stateGroup .composit {
  fill: var(--doc-bg-color) !important;
}
g.stateGroup .state-title,
g.stateGroup text {
  fill: var(--fore-color) !important;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  font-size: 0.5em !important;
}
.stateLabel text {
  font-size: 0.5em;
}
g.state-note {
  fill: var(--mermaid-accent-color-gray-alt);
  stroke: var(--mermaid-accent-color-gray);
}
/* ----- class diagram 类图 ----- */
g.cardinality text,
g.classGroup text,
g.classLabel .label {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", monospace;
  font-weight: normal;
  fill: var(--fore-color);
  stroke: none;
}
g.classGroup rect {
  fill: var(--mermaid-accent-color-blue-alt);
  stroke: var(--mermaid-accent-color-blue);
}
g.classGroup line {
  stroke: var(--mermaid-accent-color-blue);
  stroke-width: 1;
}
g.classLabel .box {
  stroke: none;
  stroke-width: 0;
  fill: var(--mermaid-accent-color-blue-alt);
  opacity: 0.5;
}
.relation {
  stroke: var(--fore-color);
  stroke-width: 1;
  fill: none;
}
.composition,
#compositionStart,
#compositionEnd,
.aggregation,
#aggregationStart,
#aggregationEnd,
#dependencyStart,
#dependencyEnd,
#extensionStart,
#extensionEnd {
  fill: var(--fore-color);
  stroke: var(--fore-color);
  stroke-width: 1;
}
div.mermaidTooltip {
  position: absolute;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  background: var(--fore-color-alt);
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100;
}
/* ----- gantt diagram 甘特图 ----- */
.section {
  stroke: none;
}
.section0 {
  fill: var(--fore-color-alt);
}
.section2 {
  fill: var(--fore-color-alt);
}
.section1,
.section3 {
  fill: rgba(24, 26, 30, 0.05);
}
.sectionTitle0,
.sectionTitle1,
.sectionTitle2,
.sectionTitle3 {
  fill: var(--fore-color);
}
.sectionTitle {
  text-anchor: start;
  font-size: 0.8em;
  line-height: 2em;
}
.grid .tick {
  stroke: var(--fore-color-alt);
  shape-rendering: crispEdges;
}
.grid path {
  stroke-width: 0;
}
.today {
  fill: none;
  stroke: var(--mermaid-accent-color-red);
  stroke-width: 3px;
}
.task {
  stroke-width: 2;
}
.taskText {
  text-anchor: middle;
  font-size: 0.8em;
  line-height: 2em;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
}
.taskTextOutsideRight {
  fill: var(--fore-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  text-anchor: start;
}
.taskTextOutsideLeft {
  fill: var(--fore-color);
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  text-anchor: end;
}
/* 当前的任务 */
.active0,
.active1,
.active2,
.active3 {
  fill: var(--mermaid-accent-color-blue-alt);
  stroke: var(--mermaid-accent-color-blue);
}
.activeText0,
.activeText1,
.activeText2,
.activeText3 {
  fill: var(--mermaid-accent-color-blue) !important;
}
/* 已完成的任务 */
.done0,
.done1,
.done2,
.done3 {
  stroke: none;
  fill: var(--mermaid-accent-color-blue-alt);
  stroke-width: 2;
  stroke-dasharray: 2;
}
/* 未来的任务 */
.task0,
.task1,
.task2,
.task3 {
  fill: var(--doc-bg-color);
  stroke: var(--mermaid-accent-color-blue);
  stroke-dasharray: 2;
}
.taskText0,
.taskText1,
.taskText2,
.taskText3 {
  fill: var(--fore-color);
}
.taskTextOutside0,
.taskTextOutside2 {
  fill: var(--fore-color);
}
.taskTextOutside1,
.taskTextOutside3 {
  fill: var(--fore-color);
}
.doneText0,
.doneText1,
.doneText2,
.doneText3 {
  fill: var(--fore-color) !important;
}
/* 当前关键路径的任务 */
.activeCrit0,
.activeCrit1,
.activeCrit2,
.activeCrit3 {
  stroke: var(--mermaid-accent-color-red);
  fill: var(--mermaid-accent-color-red-alt);
  stroke-width: 2;
}
.activeCritText0,
.activeCritText1,
.activeCritText2,
.activeCritText3 {
  fill: var(--mermaid-accent-color-red) !important;
}
/* 已完成的关键路径任务 */
.doneCrit0,
.doneCrit1,
.doneCrit2,
.doneCrit3 {
  stroke: none;
  fill: var(--mermaid-accent-color-red-alt);
  stroke-width: 2;
  cursor: pointer;
  shape-rendering: crispEdges;
}
/* 未来的关键路径任务 */
.crit0,
.crit1,
.crit2,
.crit3 {
  stroke: var(--mermaid-accent-color-red);
  fill: var(--doc-bg-color);
  stroke-width: 2;
  stroke-dasharray: 2;
}
.critText0,
.critText1,
.critText2,
.critText3 {
  fill: var(--fore-color);
}
.doneCritText0,
.doneCritText1,
.doneCritText2,
.doneCritText3 {
  fill: var(--fore-color) !important;
}
/* 标题 */
.titleText {
  text-anchor: middle;
  font-size: 1.5em;
  line-height: 2em;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
  fill: var(--fore-color);
}
/**************************************
* 重定义Typora原生样式
**************************************/
#write {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10px 0 10px;
}
.mdx-before-write + #write {
  filter: grayscale(50%) opacity(0.5);
}
#write > ul:first-child,
#write > ol:first-child {
  margin-top: 30px;
}
#write pre.ty-contain-cm {
  padding: 0;
  border-radius: var(--vlook-base-radius);
}
.CodeMirror-scroll {
  border-radius: var(--vlook-table-radius);
}
.CodeMirror-sizer {
  background-color: var(--doc-bg-color);
}
.CodeMirror pre {
  padding: 0 10px;
}
.CodeMirror-line:hover {
  background-color: var(--doc-bg-color-alt);
}
.CodeMirror.cm-s-inner {
  border-radius: var(--vlook-base-radius);
}
.CodeMirror div.CodeMirror-cursor {
  border-color: var(--cm-CodeMirror-cursor);
}
.cm-s-inner .cm-variable,
.cm-s-inner .cm-operator,
.cm-s-inner .cm-property {
  color: var(--cm-variable);
}
.cm-s-inner .cm-variable-2 {
  color: var(--cm-variable-2);
}
.cm-s-inner .cm-variable-3 {
  color: var(--cm-variable-3);
}
.cm-s-inner .cm-keyword {
  color: var(--cm-keyword);
}
.cm-s-inner .cm-tag {
  color: var(--cm-tag);
}
.cm-s-inner .cm-attribute {
  color: var(--cm-attribute);
}
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid #b8bfc6;
  z-index: 3;
}
.cm-s-inner .cm-string {
  color: var(--cm-string);
}
.cm-s-inner .cm-string-2 {
  color: var(--cm-string-2);
}
.cm-s-inner .cm-comment,
.cm-s-inner.cm-comment {
  color: var(--cm-comment);
}
.cm-s-inner .cm-header,
.cm-s-inner .cm-def,
.cm-s-inner.cm-header,
.cm-s-inner.cm-def {
  color: var(--cm-header);
}
.cm-s-inner .cm-quote,
.cm-s-inner.cm-quote {
  color: var(--cm-quote);
}
.cm-s-inner .cm-hr {
  color: var(--cm-hr);
}
.cm-s-inner .cm-link {
  color: var(--cm-link);
}
.cm-s-inner .cm-negative {
  color: var(--cm-negative);
}
.cm-s-inner .cm-positive {
  color: var(--cm-positive);
}
.cm-s-inner .cm-meta,
.cm-s-inner .cm-qualifier {
  color: var(--cm-meta);
}
.cm-s-inner .cm-builtin {
  color: var(--cm-bulidin);
}
.cm-s-inner .cm-bracket {
  color: var(--cm-bracket);
}
.cm-s-inner .cm-atom,
.cm-s-inner.cm-atom {
  color: var(--cm-atom);
}
.cm-s-inner .cm-number {
  color: var(--cm-number);
}
/* 数学公式 */
.MathJax_SVG,
.MathJax_SVG_Display {
  border: 2px solid var(--table-border-color);
  border-radius: var(--vlook-base-radius);
  padding: 0.3em 0.3em;
}
.MathJax_SVG:hover,
.MathJax_SVG_Display:hover {
  border-color: #E62E4D;
}
.MathJax_SVG:active,
.MathJax_SVG_Display:active {
  background-color: var(--doc-bg-color);
  transform: scale(1.5);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}
.MathJax_SVG:focus,
.MathJax_SVG_Display:focus {
  box-shadow: none;
  outline: none;
}
.MathJax_SVG_Display > .MathJax_SVG {
  border: none;
}
.MathJax_SVG g text {
  color: var(--fore-color);
}
/* md 系统样式 */
.md-toc-inner {
  text-decoration: none;
  box-shadow: none;
}
.md-toc-item {
  color: var(--fore-color);
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  font-size: 1em;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 5px;
  border-radius: var(--vlook-small-radius);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.md-toc-item::before {
  color: var(--toc-header-num-color);
  padding-left: 5px;
}
.md-toc-item:hover {
  color: #FFFFFF;
  background-color: #E62E4D;
  transform: translateY(-2px);
}
.md-toc-item:hover::before {
  color: #FFFFFF;
}
.md-toc-item:active {
  background-color: #c35164;
  box-shadow: none;
  transform: none;
}
.md-toc,
.mdx-toc {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  border-radius: 0;
  line-height: 2;
}
.md-toc-h1 {
  font-size: 1em;
}
.md-toc-h2 {
  font-size: 1em;
}
.md-toc-h3,
.md-toc-h4,
.md-toc-h5 {
  font-size: 1em;
}
.md-toc-item a {
  text-decoration: none;
  padding: 0 0 0 0;
  border-radius: 0;
  border: 0;
}
.md-toc-item a:hover {
  color: #FFFFFF !important;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: none;
  text-decoration: none;
  border: 0;
}
sup.md-footnote {
  background: none;
  padding: 0;
  margin-left: 0.2em;
  margin-right: 0.2em;
}
sup.md-footnote > a {
  color: var(--doc-bg-color) !important;
  background-color: var(--fore-color-alt);
  margin: 0;
  box-shadow: none;
  border-bottom: none;
  padding: 0 5px;
  border-radius: var(--vlook-base-radius);
  font-size: 0.8em;
}
sup.md-footnote > a:hover {
  background-color: #E62E4D;
}
.footnote-line > a:not(.reversefootnote) {
  color: var(--fore-color);
}
kbd {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", monospace;
  font-weight: 900;
  font-size: 0.85em;
  border-radius: var(--vlook-small-radius);
  margin: 0 0.3em;
  padding: 0.2em 0.5em 0.1em 0.5em;
  border: 0;
  color: var(--doc-bg-color);
  background-color: var(--fore-color);
  box-shadow: 0 0.2em 0 0 var(--fore-color-alt);
}
ul > .md-task-list-item {
  list-style-type: decimal !important;
}
ul > li > ul > .md-task-list-item {
  list-style-type: lower-alpha !important;
}
ul > li > ul > li > ul > .md-task-list-item {
  list-style-type: disc !important;
}
ul > li > ul > li > ul > li > ul > .md-task-list-item {
  list-style-type: lower-roman !important;
}
ul > li > ul > li > ul > li > ul > li > ul > .md-task-list-item {
  list-style-type: circle !important;
}
ul > li > ul > li > ul > li > ul > li > ul > li > ul > .md-task-list-item {
  list-style-type: square !important;
}
.md-task-list-item > input {
  margin-left: -0.5em !important;
  margin-top: 0.3em !important;
}
.md-task-list-item > p {
  margin-left: 1.2em !important;
  margin-top: 0;
  margin-bottom: 0;
}
li > :first-child,
li p {
  margin-top: 0;
  margin-bottom: 0;
}
p + ul,
p + ol {
  margin-top: -1em;
}
blockquote p + ul,
blockquote p + ol {
  margin-top: 0;
}
li > p + ol,
li > p + ul {
  margin-top: 0;
}
/**************************************
* VLOOK UI 自定义样式
**************************************/
.mdx-font-title-sans {
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-font-subtitle-sans {
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-font-header-sans {
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-font-text-sans {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
  font-weight: normal;
}
.mdx-font-bold-sans {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-font-number-sans {
  font-family: "VLOOK Number", "Altinn-DIN", "Bebas Neue", "DIN", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-font-tag-sans {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
  font-weight: normal;
}
.mdx-font-code-sans {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", monospace !important;
}
.mdx-font-weight-bold-sans {
  font-weight: 900 !important;
}
.mdx-font-title-serif {
  font-family: "VLOOK Serif", "Noto Serif CJK SC", "Source Han Serif SC", "思源宋体", "Times New Roman", Times, "Songti SC", SimSun, "宋体", STZhongsong, "华文中宋", serif !important;
}
.mdx-font-subtitle-serif {
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Helvetica Neue", Helvetica, Arial, Tahoma, SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-font-header-serif {
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Helvetica Neue", Helvetica, Arial, Tahoma, SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-font-text-serif {
  font-family: "VLOOK Serif Mono", "Luxi Mono", "Iosevka Slab", "PT Mono", Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Serif", "Noto Serif CJK SC", "Source Han Serif SC", "思源宋体", "Times New Roman", Times, "Songti SC", SimSun, "宋体", STZhongsong, "华文中宋", serif;
  font-weight: normal;
}
.mdx-font-tag-serif {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Helvetica Neue", Helvetica, Arial, Tahoma, SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
  font-weight: normal;
}
.mdx-font-bold-serif {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Helvetica Neue", Helvetica, Arial, Tahoma, SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-font-number-serif {
  font-family: "VLOOK Number", "Altinn-DIN", "Bebas Neue", "DIN", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Helvetica Neue", Helvetica, Arial, Tahoma, SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
.mdx-font-code-serif {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Serif Mono", "Luxi Mono", "Iosevka Slab", "PT Mono", Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", monospace !important;
}
.mdx-font-weight-bold-serif {
  font-weight: bold !important;
}
.mdx-spotlight {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  pointer-events: none;
  z-index: 4000;
}
.mdx-tool-tips,
.mdx-info-tips {
  display: none;
  position: fixed;
  margin-left: auto;
  padding: 0.5em 1em;
  text-align: center;
  white-space: pre-wrap;
  border-radius: var(--vlook-base-radius);
  border: 1px var(--table-border-color) solid;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  color: var(--tips-bg-color-inset);
  background-color: var(--tips-bg-color);
  z-index: 3000;
}
.mdx-tool-tips {
  border-top: 0;
  box-shadow: 0 2px 0 0 #E62E4D inset, 0 3px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  text-align: left;
  white-space: pre;
}
.mdx-tool-tips a,
.mdx-info-tips a {
  color: var(--tips-bg-color-inset) !important;
  font-weight: 900;
}
.mdx-bottom-tips {
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  color: #FFFFFF;
  width: 100%;
  height: 60px;
  text-align: center;
  bottom: 0;
  padding-top: 16px;
  background: linear-gradient(0deg, #000000, rgba(0, 0, 0, 0));
  position: fixed;
  display: none;
  pointer-events: none;
  z-index: 4000;
}
.mdx-bottom-tips > div {
  bottom: 5px;
  width: 100%;
  position: fixed;
}
.mdx-bottom-tips kbd {
  color: #000000;
  background-color: #ffffff;
}
.mdx-content-expander {
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
  height: 100px;
  margin-top: -120px;
  background: linear-gradient(0deg, var(--doc-bg-color) 10px, var(--doc-bg-color-transparent));
  border-radius: 0 0 var(--vlook-base-radius) var(--vlook-base-radius);
  position: absolute;
  text-align: center;
  vertical-align: bottom;
  cursor: pointer;
  z-index: 10;
}
.mdx-content-expander > .mdx-btn {
  margin-top: 70px;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.85em;
  border-radius: var(--vlook-small-radius);
  background-color: #292C33;
  display: inline-flex;
}
.mdx-doc-logo {
  margin-top: 30px;
  width: 100%;
  height: 80px;
  background-image: url("");
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: top center;
}
.mdx-welcome-screen {
  cursor: wait;
  position: fixed;
  color: #D98982;
  background: linear-gradient(#000000 0%, #292C33 50%, #292C33);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-size: 1.3em;
  overflow: auto;
  display: none;
  z-index: 4000;
}
@keyframes breathe-text {
  0% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 0.8;
    transform: scale(0.99);
  }
}
@keyframes breathe-button {
  0% {
    opacity: 1;
    transform: scale(1.05);
    filter: brightness(120%);
  }
  100% {
    opacity: 0.8;
    transform: scale(0.97);
    filter: brightness(100%);
  }
}
.mdx-welcome-screen-tips {
  padding: 20px 20px 10px 20px;
  animation: 1s breathe-text infinite alternate;
}
.mdx-welcome-screen-tips > div {
  text-align: center;
  line-height: 1;
  margin-bottom: 1em;
}
.mdx-welcome-screen-loading {
  cursor: not-allowed;
  padding-left: 1em;
  padding-right: 1em;
  color: #D98982;
  border: 1px solid rgba(217, 137, 130, 0.5);
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  display: inline-block;
  border-radius: var(--vlook-base-radius);
  margin-bottom: 2em;
}
.mdx-btn-welcome-screen-done {
  cursor: pointer;
  border: none;
  font-size: 1.2em;
  font-weight: 900;
  color: #FFFFFF;
  background-color: #E62E4D;
  animation: 1s breathe-button infinite alternate;
}
.mdx-btn-welcome-screen-done:hover {
  color: #E62E4D;
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}
.mdx-btn-welcome-screen-done:active {
  color: #FFFFFF;
  background-color: #E62E4D;
  transform: none;
  box-shadow: none;
}
.mdx-current-blockfocus-item {
  box-shadow: 0 0 10px 0 #E62E4D;
  border-radius: var(--vlook-base-radius);
}
.md-diagram-panel svg {
  width: auto;
}
.md-diagram-panel svg[viewBox^="-"],
.mdx-figure-content svg[viewBox^="-"] {
  padding-bottom: 8px;
}
.mdx-figure-content svg {
  width: 100%;
}
.mdx-blockquote-folder {
  cursor: pointer;
}
.mdx-toc-panel {
  background-color: var(--doc-bg-color-alt);
  border-radius: var(--vlook-base-radius);
  cursor: default;
  display: block;
  left: var(--vlook-toc-box-hidden-left);
  top: 10px;
  bottom: 40px;
  width: var(--vlook-toc-box-width);
  padding: 0;
  position: fixed;
  z-index: 2000;
  user-select: none;
}
.mdx-toc-panel-float {
  top: 10px;
  bottom: 40px;
  box-shadow: 0 0 0 1px rgba(41, 44, 51, 0.3) inset, 0 3px 20px rgba(0, 0, 0, 0.3);
}
.mdx-toc-panel-block {
  top: 60px;
  bottom: 10px;
  box-shadow: 0 0 0 1px rgba(41, 44, 51, 0.3) inset, 0 3px 20px rgba(0, 0, 0, 0.3);
}
.mdx-toc-panel-header {
  color: #181A1E;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  font-size: 1.2em;
  height: 70px;
  padding: 10px 0 0 0;
  background: linear-gradient(180deg, var(--doc-bg-color-alt) 50px, var(--doc-bg-color-alt-transparent));
  left: 2px;
  right: 2px;
  top: 2px;
  position: absolute;
  border-top-right-radius: var(--vlook-base-radius);
  border-top-left-radius: var(--vlook-base-radius);
  z-index: 10;
}
.mdx-toc-panel-title {
  text-align: center;
  position: absolute;
  border-radius: var(--vlook-small-radius);
  left: 10px;
  right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1em;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
  color: var(--a-color);
  cursor: pointer;
}
.mdx-toc-panel-title:hover {
  color: #FFFFFF;
  background-color: #E62E4D;
  transform: translateY(-2px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.mdx-toc-panel-title:active {
  background-color: #c35164;
  box-shadow: none;
  transform: none;
}
.mdx-toc-panel-body-scroll {
  width: 100%;
  height: 100%;
  padding: 0;
  padding-top: 40px;
  padding-bottom: 10px;
  border-radius: var(--vlook-base-radius);
  overflow: auto;
  overflow-y: hidden;
}
.mdx-toc-panel-body {
  width: 100%;
  height: 100%;
  padding: 10px 0 10px 0;
  overflow-y: scroll;
}
.mdx-toc-panel-footer {
  height: 30px;
  line-height: 40px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  text-align: center;
  padding: 0;
  background: linear-gradient(0deg, var(--doc-bg-color-alt) 10px, var(--doc-bg-color-alt-transparent));
  border-bottom-right-radius: var(--vlook-base-radius);
  border-bottom-left-radius: var(--vlook-base-radius);
  position: absolute;
  z-index: 10;
}
.mdx-copyright {
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  font-size: 0.85em;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  position: absolute;
}
.mdx-copyright,
.mdx-copyright a {
  color: #C0C4C8 !important;
}
.mdx-float-card {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}
.mdx-footer-note-panel {
  position: fixed;
  left: 15%;
  right: 15%;
  bottom: -200px;
  height: 200px;
  border-radius: var(--vlook-base-radius);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  background-color: var(--doc-bg-color-alt);
  display: none;
  z-index: 2100;
}
.mdx-footer-note-panel > a {
  color: var(--fore-color);
}
.mdx-footer-note-panel-header {
  height: 30px;
  top: 2px;
  left: 2px;
  right: 2px;
  position: absolute;
  background: linear-gradient(180deg, var(--doc-bg-color-alt) 5px, var(--doc-bg-color-alt-transparent));
  border-radius: var(--vlook-base-radius);
}
.mdx-footer-note-panel-content {
  width: 100%;
  top: 2px;
  bottom: 2px;
  padding: 10px 20px;
  position: absolute;
  overflow-x: auto;
}
.mdx-footer-note-panel-all {
  font-weight: 900;
  height: 60px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  line-height: 70px;
  bottom: 0;
  padding: 0 20px;
  margin: 2px;
  border-radius: var(--vlook-base-radius);
  background: linear-gradient(0deg, var(--doc-bg-color-alt) 35px, var(--doc-bg-color-alt-transparent));
  position: absolute;
}
.mdx-more-doc-content {
  width: 100%;
  height: 60px;
  background: linear-gradient(0deg, var(--doc-bg-color), var(--doc-bg-color-transparent));
  position: fixed;
  bottom: 0;
  pointer-events: none;
  z-index: 101;
}
.mdx-toolbar {
  border-bottom-left-radius: var(--vlook-base-radius);
  border-bottom-right-radius: var(--vlook-base-radius);
  left: 10px;
  top: 10px;
  width: var(--vlook-toc-box-width);
  height: 50px;
  position: fixed;
  background-color: #292C33;
  display: none;
  z-index: 100;
}
.mdx-btn-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  width: 30px;
  height: 30px;
  padding-top: 0;
  margin-top: 10px;
  margin-left: 10px;
  text-align: center;
  visibility: visible;
}
.mdx-header-current {
  font-weight: 900;
  color: #D98982;
  background-color: var(--doc-bg-color);
  box-shadow: 0 0 0 2px rgba(41, 44, 51, 0.5) inset;
}
.mdx-header-current::before {
  color: #D98982;
}
.mdx-folder {
  color: #737c8f;
  float: left;
  width: 20px;
  text-align: center;
}
.mdx-folder:hover {
  color: #c35164;
}
.mdx-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  color: #D98982;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 30px;
  border-radius: var(--vlook-small-radius);
}
.mdx-btn-hover:hover {
  background-color: #E62E4D;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  transform: translateY(-2px);
}
.mdx-btn-hover:hover > svg > use {
  fill: #FFFFFF;
}
.mdx-btn-float {
  background-color: #292C33;
}
.mdx-btn:active {
  background-color: #c35164;
  box-shadow: none;
  transform: none;
}
@keyframes loading-circle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.mdx-audio-mini-control-loading {
  animation: loading-circle 2s linear infinite;
}
.mdx-audio-mini-control-disabled {
  color: var(--fore-color);
  background-color: #B0B4B8;
  border-radius: 15px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  width: 30px;
  padding: 2px;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
  display: inline-block;
  cursor: not-allowed;
}
.mdx-audio-mini-control {
  color: #D98982;
  background-color: #292C33;
  border-radius: 15px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  width: 30px;
  padding: 2px;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
  display: inline-block;
  cursor: pointer;
}
.mdx-audio-mini-control:hover {
  background-color: #E62E4D;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  transform: translateY(-2px);
}
.mdx-audio-mini-control:active {
  background-color: #c35164;
}
@keyframes breathe-circle {
  0% {
    box-shadow: 0 0 0 0 rgba(230, 46, 77, 0.7);
  }
  100% {
    box-shadow: 0 0 0 3px rgba(230, 46, 77, 0.7);
  }
}
.mdx-audio-mini-control-playing {
  animation: 500ms breathe-circle infinite alternate;
}
.mdx-chapter-nav {
  color: #D98982;
  background-color: #292C33;
  border-bottom-left-radius: var(--vlook-base-radius);
  border-bottom-right-radius: var(--vlook-base-radius);
  top: -50px;
  left: calc(var(--vlook-toc-box-width) + 30px);
  right: 10px;
  height: 50px;
  position: fixed;
  padding: 0;
  vertical-align: middle;
  z-index: 100;
  user-select: none;
  display: none;
}
.mdx-chapter-nav-prev {
  top: 0;
  left: 0;
  width: 20%;
  height: 50px;
  position: absolute;
  cursor: pointer;
  border-bottom-left-radius: var(--vlook-base-radius);
}
.mdx-chapter-nav-prev-noeffect-hover,
.mdx-chapter-nav-prev-effect-hover {
  background: linear-gradient(to right, #E62E4D, #292C33);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}
.mdx-chapter-nav-prev-noeffect-hover > svg > use,
.mdx-chapter-nav-prev-effect-hover > svg > use {
  fill: #FFFFFF;
}
.mdx-chapter-nav-prev-noeffect-hover > .mdx-chapter-nav-prev-text,
.mdx-chapter-nav-prev-effect-hover > .mdx-chapter-nav-prev-text {
  color: #FFFFFF;
}
.mdx-chapter-nav-prev-effect::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to right, #E62E4D, #292C33);
  border-bottom-left-radius: var(--vlook-base-radius);
  opacity: 0;
  z-index: -1;
  transition: all 200ms ease-in;
}
.mdx-chapter-nav-prev-effect-hover::before {
  opacity: 1;
}
.mdx-chapter-nav-prev-noeffect:active,
.mdx-chapter-nav-prev-effect:active,
.mdx-chapter-nav-prev-effect:active::before {
  background: linear-gradient(to right, #c35164, #292C33);
  box-shadow: none;
  transform: none;
}
.mdx-chapter-nav-prev-text {
  top: 0;
  left: 30px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  color: #D98982;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
  display: block;
}
.mdx-chapter-nav-current {
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  font-size: 1.4em;
  font-weight: 900;
  text-align: center;
  line-height: 50px;
  margin-left: 220px;
  margin-right: 220px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
  height: 50px;
  cursor: pointer;
  display: block;
}
.mdx-chapter-nav-current-noeffect-hover,
.mdx-chapter-nav-current-effect-hover {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  transform: translateY(-2px);
  background: linear-gradient(90deg, rgba(230, 46, 77, 0), #E62E4D, rgba(230, 46, 77, 0));
}
.mdx-chapter-nav-current-effect::before {
  content: "";
  position: absolute;
  left: 30%;
  right: 30%;
  top: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(230, 46, 77, 0), #E62E4D, rgba(230, 46, 77, 0));
  opacity: 0;
  z-index: -1;
  transition: all 200ms ease-in;
}
.mdx-chapter-nav-current-effect-hover::before {
  opacity: 1;
}
.mdx-chapter-nav-current-noeffect:active,
.mdx-chapter-nav-current-effect:active,
.mdx-chapter-nav-current-effect:active::before {
  background: linear-gradient(90deg, rgba(195, 81, 100, 0), #c35164, rgba(195, 81, 100, 0));
  box-shadow: none;
  transform: none;
}
.mdx-chapter-nav-next {
  top: 0;
  right: 0;
  width: 20%;
  height: 50px;
  position: absolute;
  cursor: pointer;
  border-bottom-right-radius: var(--vlook-base-radius);
}
.mdx-chapter-nav-next-noeffect-hover,
.mdx-chapter-nav-next-effect-hover {
  background: linear-gradient(to left, #E62E4D, #292C33);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}
.mdx-chapter-nav-next-noeffect-hover > svg > use,
.mdx-chapter-nav-next-effect-hover > svg > use {
  fill: #FFFFFF;
}
.mdx-chapter-nav-next-noeffect-hover > .mdx-chapter-nav-next-text,
.mdx-chapter-nav-next-effect-hover > .mdx-chapter-nav-next-text {
  color: #FFFFFF;
}
.mdx-chapter-nav-next-effect::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to left, #E62E4D, #292C33);
  border-bottom-right-radius: var(--vlook-base-radius);
  opacity: 0;
  z-index: -1;
  transition: all 200ms ease-in;
}
.mdx-chapter-nav-next-effect-hover::before {
  opacity: 1;
}
.mdx-chapter-nav-next-noeffect:active,
.mdx-chapter-nav-next-effect:active,
.mdx-chapter-nav-next-effect:active::before {
  background: linear-gradient(to left, #c35164, #292C33);
  box-shadow: none;
  transform: none;
}
.mdx-chapter-nav-next-text {
  top: 0;
  right: 30px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  color: #D98982;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
  display: block;
}
.mdx-btn-fullscreen {
  margin-top: 10px;
  margin-left: 5px;
  float: left;
  display: none;
}
.mdx-btn-color-scheme {
  margin-top: 10px;
  margin-right: 5px;
  float: right;
}
.mdx-btn-font-style {
  margin-top: 10px;
  margin-right: 5px;
  float: right;
}
.mdx-btn-figure-viewer {
  margin-top: 10px;
  margin-left: 5px;
  visibility: hidden;
  float: left;
}
.mdx-btn-spotlight {
  margin-top: 10px;
  margin-right: 5px;
  float: right;
}
.mdx-btn-print {
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 30px;
  float: right;
}
.mdx-figure-nav {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  display: none;
  z-index: 2200;
}
.mdx-btn-figure-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  color: #D98982;
  cursor: pointer;
  padding: 0;
}
.mdx-btn-figure-prev {
  left: 10px;
  top: auto;
  width: 30px;
  height: 70px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  border-radius: var(--vlook-base-radius);
  position: absolute;
  bottom: 10px;
}
.mdx-btn-figure-next {
  right: 10px;
  top: auto;
  width: 30px;
  height: 70px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  border-radius: var(--vlook-base-radius);
  position: absolute;
  bottom: 10px;
}
.mdx-btn-figure-hover {
  fill: #E62E4D !important;
}
.mdx-btn-figure-active {
  fill: #c35164 !important;
}
.mdx-btn-close-figure-viewer {
  display: flex;
  justify-content: flex-end;
  vertical-align: middle;
  align-items: normal;
  color: #FFFFFF;
  cursor: pointer;
  background-color: #292C33;
  right: -2px;
  top: -2px;
  width: 50px;
  height: 50px;
  padding: 12px 12px 8px 8px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  border-radius: 0 0 0 50px;
  position: absolute;
}
.mdx-btn-close-figure-viewer:hover {
  background-color: #E62E4D;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transform: translate(-2px, 2px);
}
.mdx-btn-close-figure-viewer:active {
  background-color: #c35164;
  box-shadow: none;
  transform: none;
}
.mdx-btn-open-in-new-tab {
  border-radius: var(--vlook-base-radius) 0 var(--vlook-base-radius) 0;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  background-color: #292C33;
  position: absolute;
  visibility: hidden;
  z-index: 50;
}
.mdx-btn-copy-code-block {
  border-radius: 0 var(--vlook-base-radius) 0 var(--vlook-base-radius);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  background-color: #292C33;
  position: absolute;
  visibility: hidden;
  z-index: 50;
}
.md-diagram-panel {
  border-radius: var(--vlook-base-radius);
  margin-bottom: 20px;
  padding: 0;
}
.mdx-clickable-hover {
  border-color: #E62E4D !important;
}
.mdx-OINTable-hover {
  border-color: #E62E4D !important;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}
.mdx-OINTable-hover:active {
  border-color: #c35164 !important;
  box-shadow: none;
  transform: none;
}
.mdx-img-invert-dark {
  filter: var(--vlook-invert-dark);
  border-color: rgba(175, 171, 167, 0.8) !important;
}
.mdx-img-invert-dark:hover {
  border-color: #19d1b2 !important;
}
.mdx-figure-bg-light {
  background: #FFFFFF !important;
}
.mdx-figure-bg-dark {
  background: #181A1E !important;
}
.mdx-figure-content {
  margin: 5px;
  padding: 5px;
  cursor: pointer;
  display: table-cell;
  align-content: center;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  color: var(--fore-color);
}
.mdx-figure-page-num {
  color: #C0C4C8 !important;
  left: 10px;
  top: 10px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mdx-figure-caption {
  display: inline-block;
  border-radius: var(--vlook-base-radius);
  background-color: var(--doc-bg-color-alt);
}
.mdx-figure-caption > p {
  color: var(--fore-color);
  font-size: 0.85em;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  margin: 5px 10px 5px 10px;
  width: auto !important;
}
.mdx-figure-caption hr {
  border-bottom: 2px solid #737c8f;
  margin: 0.5em auto;
}
use.mdx-svg-ico-light {
  fill: #D98982;
}
use.mdx-svg-ico-dark {
  fill: var(--fore-color);
}
use.mdx-svg-ico-btn {
  fill: #292C33;
}
use.mdx-folder-ico,
use.mdx-folder2-ico {
  fill: #292C33;
}
use.mdx-folder-ico:hover {
  fill: #FFFFFF !important;
}
use.mdx-folder-ico:active {
  fill: rgba(255, 255, 255, 0.6) !important;
}
use.mdx-folder2-ico:hover {
  fill: #E62E4D;
}
use.mdx-folder2-ico:active {
  fill: #c35164;
}
.mdx-mask {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 1000;
}
.mdx-quote-red {
  background-color: var(--accent-color-red-fade);
  width: auto;
}
.mdx-quote-orange {
  background-color: var(--accent-color-orange-fade);
  width: auto;
}
.mdx-quote-yellow {
  background-color: var(--accent-color-yellow-fade);
  width: auto;
}
.mdx-quote-green {
  background-color: var(--accent-color-green-fade);
  width: auto;
}
.mdx-quote-cyan {
  background-color: var(--accent-color-cyan-fade);
  width: auto;
}
.mdx-quote-blue {
  background-color: var(--accent-color-blue-fade);
  width: auto;
}
.mdx-quote-purple {
  background-color: var(--accent-color-purple-fade);
  width: auto;
}
.mdx-quote-pink {
  background-color: var(--accent-color-pink-fade);
  width: auto;
}
.mdx-quote-brown {
  background-color: var(--accent-color-brown-fade);
  width: auto;
}
.mdx-quote-gray {
  background-color: var(--accent-color-gray-fade);
  width: auto;
}
.mdx-tag-red,
.mdx-tag-orange,
.mdx-tag-yellow,
.mdx-tag-green,
.mdx-tag-cyan,
.mdx-tag-blue,
.mdx-tag-purple,
.mdx-tag-pink,
.mdx-tag-brown,
.mdx-tag-gray {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  font-size: 0.9em;
  color: #FFFFFF;
  padding: 0.1em 0.5em;
  margin: 0 0.1em;
  border-radius: var(--vlook-small-radius);
  white-space: pre;
}
.mdx-tag-red {
  background-color: var(--accent-color-red);
  box-shadow: 0 0 0 1px var(--accent-color-red-light) inset;
}
.mdx-tag-orange {
  background-color: var(--accent-color-orange);
  box-shadow: 0 0 0 1px var(--accent-color-orange-light) inset;
}
.mdx-tag-yellow {
  background-color: var(--accent-color-yellow);
  box-shadow: 0 0 0 1px var(--accent-color-yellow-light) inset;
}
.mdx-tag-green {
  background-color: var(--accent-color-green);
  box-shadow: 0 0 0 1px var(--accent-color-green-light) inset;
}
.mdx-tag-cyan {
  background-color: var(--accent-color-cyan);
  box-shadow: 0 0 0 1px var(--accent-color-cyan-light) inset;
}
.mdx-tag-blue {
  background-color: var(--accent-color-blue);
  box-shadow: 0 0 0 1px var(--accent-color-blue-light) inset;
}
.mdx-tag-purple {
  background-color: var(--accent-color-purple);
  box-shadow: 0 0 0 1px var(--accent-color-purple-light) inset;
}
.mdx-tag-pink {
  background-color: var(--accent-color-pink);
  box-shadow: 0 0 0 1px var(--accent-color-pink-light) inset;
}
.mdx-tag-brown {
  background-color: var(--accent-color-brown);
  box-shadow: 0 0 0 1px var(--accent-color-brown-light) inset;
}
.mdx-tag-gray {
  background-color: var(--accent-color-gray);
  box-shadow: 0 0 0 1px var(--accent-color-gray-light) inset;
}
.mdx-tag-name-red,
.mdx-tag-name-orange,
.mdx-tag-name-yellow,
.mdx-tag-name-green,
.mdx-tag-name-cyan,
.mdx-tag-name-blue,
.mdx-tag-name-purple,
.mdx-tag-name-pink,
.mdx-tag-name-brown,
.mdx-tag-name-gray {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  margin-right: 0;
  border-radius: var(--vlook-small-radius);
  color: #FFFFFF;
  padding: 0.1em 1.8em 0.1em 0.5em;
  margin: 0 0.1em;
  font-size: 0.9em;
  white-space: pre;
}
.mdx-tag-value-red,
.mdx-tag-value-orange,
.mdx-tag-value-yellow,
.mdx-tag-value-green,
.mdx-tag-value-cyan,
.mdx-tag-value-blue,
.mdx-tag-value-purple,
.mdx-tag-value-pink,
.mdx-tag-value-brown,
.mdx-tag-value-gray {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  border-radius: 3px var(--vlook-small-radius) var(--vlook-small-radius) var(--vlook-small-radius);
  padding: 0.1em 0.5em;
  margin: 0 0.1em 0.1em -1.5em;
  color: #FFFFFF;
  background: var(--code-name-bg-color);
  box-shadow: 0 0 0 1px var(--code-name-shadow-color) inset;
  font-size: 0.9em;
  white-space: pre;
}
.mdx-tag-name-red {
  background-color: var(--accent-color-red);
  box-shadow: 0 0 0 1px var(--accent-color-red-light) inset;
}
.mdx-tag-value-red {
  color: var(--accent-color-red-alt);
}
.mdx-tag-name-orange {
  background-color: var(--accent-color-orange);
  box-shadow: 0 0 0 1px var(--accent-color-orange-light) inset;
}
.mdx-tag-value-orange {
  color: var(--accent-color-orange-alt);
}
.mdx-tag-name-yellow {
  background-color: var(--accent-color-yellow);
  box-shadow: 0 0 0 1px var(--accent-color-yellow-light) inset;
}
.mdx-tag-value-yellow {
  color: var(--accent-color-yellow-alt);
}
.mdx-tag-name-green {
  background-color: var(--accent-color-green);
  box-shadow: 0 0 0 1px var(--accent-color-green-light) inset;
}
.mdx-tag-value-green {
  color: var(--accent-color-green-alt);
}
.mdx-tag-name-cyan {
  background-color: var(--accent-color-cyan);
  box-shadow: 0 0 0 1px var(--accent-color-cyan-light) inset;
}
.mdx-tag-value-cyan {
  color: var(--accent-color-cyan-alt);
}
.mdx-tag-name-blue {
  background-color: var(--accent-color-blue);
  box-shadow: 0 0 0 1px var(--accent-color-blue-light) inset;
}
.mdx-tag-value-blue {
  color: var(--accent-color-blue-alt);
}
.mdx-tag-name-purple {
  background-color: var(--accent-color-purple);
  box-shadow: 0 0 0 1px var(--accent-color-purple-light) inset;
}
.mdx-tag-value-purple {
  color: var(--accent-color-purple-alt);
}
.mdx-tag-name-pink {
  background-color: var(--accent-color-pink);
  box-shadow: 0 0 0 1px var(--accent-color-pink-light) inset;
}
.mdx-tag-value-pink {
  color: var(--accent-color-pink-alt);
}
.mdx-tag-name-brown {
  background-color: var(--accent-color-brown);
  box-shadow: 0 0 0 1px var(--accent-color-brown-light) inset;
}
.mdx-tag-value-brown {
  color: var(--accent-color-brown-alt);
}
.mdx-tag-name-gray {
  background-color: var(--accent-color-gray);
  box-shadow: 0 0 0 1px var(--accent-color-gray-light) inset;
}
.mdx-tag-value-gray {
  color: var(--accent-color-gray-alt);
}
rp,
rt {
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal;
  opacity: 0.6;
}
.mdx-black-curtain {
  color: var(--doc-bg-color-alt);
  border-radius: 0;
  font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
  font-weight: 900;
  cursor: pointer;
}
.mdx-black-curtain:hover {
  box-shadow: 0 0 0 2px #E62E4D, 0 2px 0 0 #E62E4D inset !important;
}
h6 code {
  font-weight: normal;
}
/**************************************
* 封面、封底
**************************************/
#write > h6:first-of-type,
#write > h6:last-of-type {
  display: block;
  color: #f7e5e4 !important;
  font-size: 2.5em;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
  text-align: left;
  filter: var(--vlook-brightness-dark);
  height: 950px;
  padding: 300px 60px 50px;
  margin: 10px 0 3em;
  border: 0;
  border-radius: var(--vlook-base-radius);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) inset;
  background-color: #292C33;
  background-image: url(""), url(""), url("");
  background-size: auto;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: top left, bottom right, top left;
  line-height: 1.3 !important;
}
#write > h6:last-of-type {
  height: 550px;
  margin-top: 3em;
  margin-bottom: 10px;
  padding: 450px 60px 50px;
  color: #D98982 !important;
  text-align: left;
  background-color: #292C33;
  background-image: url(""), url(""), url("");
  background-size: auto;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: top left, bottom right, top left;
}
#write > h6:first-of-type::before,
#write > h6:last-of-type::before {
  content: "";
}
#write > h6:first-of-type sub {
  color: #D98982;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
}
#write > h6:first-of-type sup {
  color: #D98982;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
}
#write > h6:first-of-type code,
#write > h6:first-of-type .mdx-tag-red,
#write > h6:first-of-type .mdx-tag-orange,
#write > h6:first-of-type .mdx-tag-yellow,
#write > h6:first-of-type .mdx-tag-green,
#write > h6:first-of-type .mdx-tag-cyan,
#write > h6:first-of-type .mdx-tag-blue,
#write > h6:first-of-type .mdx-tag-purple,
#write > h6:first-of-type .mdx-tag-pink #write > h6:first-of-type .mdx-tag-brown,
#write > h6:first-of-type .mdx-tag-gray,
#write > h6:first-of-type .mdx-tag-name-red,
#write > h6:first-of-type .mdx-tag-name-orange,
#write > h6:first-of-type .mdx-tag-name-yellow,
#write > h6:first-of-type .mdx-tag-name-green,
#write > h6:first-of-type .mdx-tag-name-cyan,
#write > h6:first-of-type .mdx-tag-name-blue,
#write > h6:first-of-type .mdx-tag-name-purple,
#write > h6:first-of-type .mdx-tag-name-pink,
#write > h6:first-of-type .mdx-tag-name-brown,
#write > h6:first-of-type .mdx-tag-name-gray,
#write > h6:first-of-type .mdx-tag-value-red,
#write > h6:first-of-type .mdx-tag-value-orange,
#write > h6:first-of-type .mdx-tag-value-yellow,
#write > h6:first-of-type .mdx-tag-value-green,
#write > h6:first-of-type .mdx-tag-value-cyan,
#write > h6:first-of-type .mdx-tag-value-blue,
#write > h6:first-of-type .mdx-tag-value-purple,
#write > h6:first-of-type .mdx-tag-value-pink,
#write > h6:first-of-type .mdx-tag-value-brown,
#write > h6:first-of-type .mdx-tag-value-gray {
  font-size: 0.5em !important;
}
#write > h6:first-of-type strong,
#write > h6:first-of-type strong::before {
  color: #D98982;
  font-size: 0.6em !important;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: normal !important;
}
#write > h6:first-of-type strong::before {
  content: "By ";
}
#write > h6:first-of-type em {
  color: #D98982;
  font-size: 0.4em;
  font-family: "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif;
  font-weight: 900;
  font-style: normal !important;
}
@media screen and (max-width: 1024px) {
  .mdx-chapter-nav {
    left: 10px !important;
  }
  .mdx-chapter-nav-current {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mdx-chapter-nav-prev,
  .mdx-chapter-nav-next {
    width: 20% !important;
  }
  .mdx-chapter-nav-prev-text,
  .mdx-chapter-nav-next-text {
    display: none !important;
  }
  table {
    white-space: pre !important;
  }
  #write > h6:first-of-type,
  #write > h6:last-of-type {
    font-size: 2em !important;
  }
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
  .mdx-welcome-screen {
    font-size: 1.2em !important;
  }
}
@media screen and (min-width: 361px) and (max-width: 639px) {
  .mdx-welcome-screen {
    font-size: 1.1em !important;
  }
}
@media screen and (max-width: 360px) {
  .mdx-welcome-screen {
    font-size: 1em !important;
  }
}
@media screen and (min-device-pixel-ratio: 2) {
  .photo {
    background-image: url(image200.png);
    background-size: 100px 100px;
  }
}
/* 如果设备像素大于等于3，则用3倍图 */
@media screen and (min-device-pixel-ratioo: 3) {
  .photo {
    background-image: url(image300.png);
    background-size: 100px 100px;
  }
}
@media print {
  html {
    font-size: 1em;
  }
  #write {
    margin: 0 !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    box-shadow: none !important;
    background: none !important;
  }
  .mdx-table-cross {
    box-shadow: none !important;
    background: none !important;
  }
  .mdx-figure:hover,
  img:hover,
  table:hover {
    border-color: var(--table-border-color) !important;
  }
  .mdx-figure-caption:hover {
    background-color: var(--doc-bg-color-alt);
  }
  .mdx-btn-open-in-new-tab {
    display: none;
  }
  .mdx-img-invert-dark {
    filter: none;
  }
  blockquote {
    display: block !important;
  }
  .mdx-welcome-screen,
  .mdx-tool-tips,
  .mdx-info-tips,
  .mdx-bottom-tips,
  .mdx-more-doc-content {
    display: none !important;
  }
  .mdx-current-blockfocus-item {
    box-shadow: none !important;
  }
  #write .md-toc {
    display: block !important;
  }
  .mdx-header-current {
    background: none !important;
  }
  .mdx-header-current a {
    color: var(--fore-color) !important;
  }
  .mdx-toc {
    display: block !important;
    visibility: visible !important;
  }
  .mdx-toolbar,
  .mdx-btn-outline,
  .mdx-btn-figure-viewer,
  .mdx-chapter-nav,
  .mdx-toc-panel,
  .mdx-toc-panel-header,
  .mdx-toc-panel-body-scroll {
    display: none;
    visibility: hidden;
    filter: none;
  }
  #write > h6:first-of-type,
  #write > h6:last-of-type,
  #write > h6:first-of-type strong,
  #write > h6:first-of-type em {
    background: #FFFFFF none !important;
    color: #181A1E !important;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --vlook-color-scheme: "dark";
    --vlook-invert-dark: invert(1) brightness(90%);
    --vlook-brightness-dark: brightness(90%);
    --bg-color: var(--doc-bg-color-dark);
    --side-bar-bg-color: var(--doc-bg-color-dark);
    --text-color: var(--fore-color-dark);
    --select-text-bg-color: rgba(41, 44, 51, 0.5);
    --control-text-color: var(--fore-color-dark);
    --control-text-hover-color: var(--fore-color-dark);
    --window-border: 1px solid var(--doc-bg-color-alt-dark);
    --active-file-bg-color: var(--doc-bg-color-dark);
    --active-file-border-color: var(--select-text-bg-color);
    --active-file-text-color: var(--fore-color-dark);
    --item-hover-bg-color: var(--fore-color-alt-dark);
    --item-hover-text-color: var(--fore-color-dark);
    --primary-color: #292C33;
    --rawblock-edit-panel-bd: var(--doc-bg-color-dark);
    --search-select-bg-color: rgba(41, 44, 51, 0.5);
    --doc-bg-color: var(--doc-bg-color-dark);
    --doc-bg-color-alt: var(--doc-bg-color-alt-dark);
    --doc-bg-color-transparent: var(--doc-bg-color-transparent-dark);
    --doc-bg-color-alt-transparent: var(--doc-bg-color-alt-transparent-dark);
    --fore-color: var(--fore-color-dark);
    --fore-color-alt: var(--fore-color-alt-dark);
    --blockquote-color: var(--blockquote-color-dark);
    --blockquote-bg: var(--blockquote-bg-dark);
    --tips-bg-color: var(--tips-bg-color-dark);
    --tips-bg-color-inset: var(--tips-bg-color-inset-dark);
    --shadow-color: var(--shadow-color-dark);
    --a-color: var(--a-color-dark);
    --mark-color: var(--mark-color-dark);
    --table-color: var(--table-color-dark);
    --table-border-color: var(--table-border-color-dark);
    --table-th-bg-color: var(--table-th-bg-color-dark);
    --table-th-border-color: var(--table-th-border-color-dark);
    --table-rowfolding-alpha: var(--table-rowfolding-alpha-dark);
    --del-color: var(--del-color-dark);
    --toc-header-num-color: var(--toc-header-num-color-dark);
    --header-color: var(--header-color-dark);
    --header-box-shadow: var(--header-box-shadow-dark);
    --header-bg-start-color: var(--header-bg-start-color-dark);
    --header-bg-end-color: var(--header-bg-end-color-dark);
    --code-bg-color: var(--code-bg-color-dark);
    --code-name-bg-color: var(--code-name-bg-color-dark);
    --code-name-shadow-color: var(--code-name-shadow-color-dark);
    --accent-color-red: var(--accent-color-red-dark);
    --accent-color-red-alt: var(--accent-color-red-alt-dark);
    --accent-color-red-fade: var(--accent-color-red-fade-dark);
    --accent-color-orange: var(--accent-color-orange-dark);
    --accent-color-orange-alt: var(--accent-color-orange-alt-dark);
    --accent-color-orange-fade: var(--accent-color-orange-fade-dark);
    --accent-color-yellow: var(--accent-color-yellow-dark);
    --accent-color-yellow-alt: var(--accent-color-yellow-alt-dark);
    --accent-color-yellow-fade: var(--accent-color-yellow-fade-dark);
    --accent-color-green: var(--accent-color-green-dark);
    --accent-color-green-alt: var(--accent-color-green-alt-dark);
    --accent-color-green-fade: var(--accent-color-green-fade-dark);
    --accent-color-cyan: var(--accent-color-cyan-dark);
    --accent-color-cyan-alt: var(--accent-color-cyan-alt-dark);
    --accent-color-cyan-fade: var(--accent-color-cyan-fade-dark);
    --accent-color-blue: var(--accent-color-blue-dark);
    --accent-color-blue-alt: var(--accent-color-blue-alt-dark);
    --accent-color-blue-fade: var(--accent-color-blue-fade-dark);
    --accent-color-purple: var(--accent-color-purple-dark);
    --accent-color-purple-alt: var(--accent-color-purple-alt-dark);
    --accent-color-purple-fade: var(--accent-color-purple-fade-dark);
    --accent-color-pink: var(--accent-color-pink-dark);
    --accent-color-pink-alt: var(--accent-color-pink-alt-dark);
    --accent-color-pink-fade: var(--accent-color-pink-fade-dark);
    --accent-color-brown: var(--accent-color-brown-dark);
    --accent-color-brown-alt: var(--accent-color-brown-alt-dark);
    --accent-color-brown-fade: var(--accent-color-brown-fade-dark);
    --accent-color-gray: var(--accent-color-gray-dark);
    --accent-color-gray-alt: var(--accent-color-gray-alt-dark);
    --accent-color-gray-fade: var(--accent-color-gray-fade-dark);
    --mermaid-accent-color-red: var(--mermaid-accent-color-red-dark);
    --mermaid-accent-color-red-alt: var(--mermaid-accent-color-red-alt-dark);
    --mermaid-accent-color-orange: var(--mermaid-accent-color-orange-dark);
    --mermaid-accent-color-orange-alt: var(--mermaid-accent-color-orange-alt-dark);
    --mermaid-accent-color-yellow: var(--mermaid-accent-color-yellow-dark);
    --mermaid-accent-color-yellow-alt: var(--mermaid-accent-color-yellow-alt-dark);
    --mermaid-accent-color-green: var(--mermaid-accent-color-green-dark);
    --mermaid-accent-color-green-alt: var(--mermaid-accent-color-green-alt-dark);
    --mermaid-accent-color-cyan: var(--mermaid-accent-color-cyan-dark);
    --mermaid-accent-color-cyan-alt: var(--mermaid-accent-color-cyan-alt-dark);
    --mermaid-accent-color-blue: var(--mermaid-accent-color-blue-dark);
    --mermaid-accent-color-blue-alt: var(--mermaid-accent-color-blue-alt-dark);
    --mermaid-accent-color-purple: var(--mermaid-accent-color-purple-dark);
    --mermaid-accent-color-purple-alt: var(--mermaid-accent-color-purple-alt-dark);
    --mermaid-accent-color-pink: var(--mermaid-accent-color-pink-dark);
    --mermaid-accent-color-pink-alt: var(--mermaid-accent-color-pink-alt-dark);
    --mermaid-accent-color-brown: var(--mermaid-accent-color-brown-dark);
    --mermaid-accent-color-brown-alt: var(--mermaid-accent-color-brown-alt-dark);
    --mermaid-accent-color-gray: var(--mermaid-accent-color-gray-dark);
    --mermaid-accent-color-gray-alt: var(--mermaid-accent-color-gray-alt-dark);
    --cm-keyword: var(--cm-keyword-dark);
    --cm-variable: var(--cm-variable-dark);
    --cm-variable-2: var(--cm-variable-2-dark);
    --cm-variable-3: var(--cm-variable-3-dark);
    --cm-tag: var(--cm-tag-dark);
    --cm-attribute: var(--cm-attribute-dark);
    --cm-CodeMirror-cursor: var(--cm-CodeMirror-cursor-dark);
    --cm-string: var(--cm-string-dark);
    --cm-string-2: var(--cm-string-2-dark);
    --cm-comment: var(--cm-comment-dark);
    --cm-header: var(--cm-header-dark);
    --cm-quote: var(--cm-quote-dark);
    --cm-hr: var(--cm-hr-dark);
    --cm-link: var(--cm-link-dark);
    --cm-negative: var(--cm-negative-dark);
    --cm-positive: var(--cm-positive-dark);
    --cm-meta: var(--cm-meta-dark);
    --cm-bulidin: var(--cm-buliddark);
    --cm-bracket: var(--cm-bracket-dark);
    --cm-atom: var(--cm-atom-dark);
    --cm-number: var(--cm-atom-dark);
  }
  .md-diagram-panel svg,
  .mdx-figure-content svg {
    background: #181A1E;
  }
  img {
    background: #181A1E !important;
  }
  img[src*="invert=dark"] {
    filter: var(--vlook-invert-dark);
    border-color: rgba(175, 171, 167, 0.8) !important;
    background: #FFFFFF !important;
  }
}
@supports ((backdrop-filter: blur(15px)) or
    (-webkit-backdrop-filter: blur(15px))) {
}
:root {
  --mermaid-font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
  --mermaid-alt-font-family: "VLOOK Sans Mono", "Noto Sans Mono", Iosevka, "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif !important;
}
